body.theme-dark {
  #nprogress {
    pointer-events: none;
  }

  #nprogress .bar {
    background: #29d;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
  }

  #nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1;
    transform: rotate(3deg) translate(0px, -4px);
  }

  #nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px;
  }

  #nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 50%;
    animation: nprogress-spinner 400ms linear infinite;
  }

  .nprogress-custom-parent {
    overflow: hidden;
    position: relative;
  }

  .nprogress-custom-parent #nprogress .spinner,
  .nprogress-custom-parent #nprogress .bar {
    position: absolute;
  }

  @keyframes nprogress-spinner {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  .ant-affix {
    position: fixed;
    z-index: 10;
  }

  .ant-alert {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 15px;
    word-wrap: break-word;
    border-radius: 2px;
  }

  .ant-alert-content {
    flex: 1;
    min-width: 0;
  }

  .ant-alert-icon {
    margin-right: 8px;
  }

  .ant-alert-description {
    display: none;
    font-size: 14px;
    line-height: 22px;
  }

  .ant-alert-success {
    background-color: #162312;
    border: 1px solid #274916;
  }

  .ant-alert-success .ant-alert-icon {
    color: #49aa19;
  }

  .ant-alert-info {
    background-color: #111b26;
    border: 1px solid #153450;
  }

  .ant-alert-info .ant-alert-icon {
    color: #177ddc;
  }

  .ant-alert-warning {
    background-color: #2b2111;
    border: 1px solid #594214;
  }

  .ant-alert-warning .ant-alert-icon {
    color: #d89614;
  }

  .ant-alert-error {
    background-color: #2a1215;
    border: 1px solid #58181c;
  }

  .ant-alert-error .ant-alert-icon {
    color: #a61d24;
  }

  .ant-alert-error .ant-alert-description > pre {
    margin: 0;
    padding: 0;
  }

  .ant-alert-action {
    margin-left: 8px;
  }

  .ant-alert-close-icon {
    margin-left: 8px;
    padding: 0;
    overflow: hidden;
    font-size: 12px;
    line-height: 12px;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
  }

  .ant-alert-close-icon .anticon-close {
    color: rgba(255, 255, 255, 0.45);
    transition: color 0.3s;
  }

  .ant-alert-close-icon .anticon-close:hover {
    color: rgba(255, 255, 255, 0.75);
  }

  .ant-alert-close-text {
    color: rgba(255, 255, 255, 0.45);
    transition: color 0.3s;
  }

  .ant-alert-close-text:hover {
    color: rgba(255, 255, 255, 0.75);
  }

  .ant-alert-with-description {
    align-items: flex-start;
    padding: 15px 15px 15px 24px;
  }

  .ant-alert-with-description.ant-alert-no-icon {
    padding: 15px;
  }

  .ant-alert-with-description .ant-alert-icon {
    margin-right: 15px;
    font-size: 24px;
  }

  .ant-alert-with-description .ant-alert-message {
    display: block;
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
  }

  .ant-alert-message {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-alert-with-description .ant-alert-description {
    display: block;
  }

  .ant-alert.ant-alert-motion-leave {
    overflow: hidden;
    opacity: 1;
    transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
      opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
      padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
      padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86),
      margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  }

  .ant-alert.ant-alert-motion-leave-active {
    max-height: 0;
    margin-bottom: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }

  .ant-alert-banner {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
  }

  .ant-alert.ant-alert-rtl {
    direction: rtl;
  }

  .ant-alert-rtl .ant-alert-icon {
    margin-right: auto;
    margin-left: 8px;
  }

  .ant-alert-rtl .ant-alert-action {
    margin-right: 8px;
    margin-left: auto;
  }

  .ant-alert-rtl .ant-alert-close-icon {
    margin-right: 8px;
    margin-left: auto;
  }

  .ant-alert-rtl.ant-alert-with-description {
    padding-right: 24px;
    padding-left: 15px;
  }

  .ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
    margin-right: auto;
    margin-left: 15px;
  }

  .ant-anchor {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    padding-left: 2px;
  }

  .ant-anchor-wrapper {
    margin-left: -4px;
    padding-left: 4px;
    overflow: auto;
    background-color: transparent;
  }

  .ant-anchor-ink {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }

  .ant-anchor-ink::before {
    position: relative;
    display: block;
    width: 2px;
    height: 100%;
    margin: 0 auto;
    background-color: #303030;
    content: " ";
  }

  .ant-anchor-ink-ball {
    position: absolute;
    left: 50%;
    display: none;
    width: 8px;
    height: 8px;
    background-color: #141414;
    border: 2px solid #177ddc;
    border-radius: 8px;
    transform: translateX(-50%);
    transition: top 0.3s ease-in-out;
  }

  .ant-anchor-ink-ball.ant-anchor-ink-ball-visible {
    display: inline-block;
  }

  .ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink-ball {
    display: none;
  }

  .ant-anchor-link {
    padding: 4px 0 4px 16px;
  }

  .ant-anchor-link-title {
    position: relative;
    display: block;
    margin-bottom: 3px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.3s;
  }

  .ant-anchor-link-title:only-child {
    margin-bottom: 0;
  }

  .ant-anchor-link-active > .ant-anchor-link-title {
    color: #177ddc;
  }

  .ant-anchor-link .ant-anchor-link {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .ant-anchor-rtl {
    direction: rtl;
  }

  .ant-anchor-rtl.ant-anchor-wrapper {
    margin-right: -4px;
    margin-left: 0;
    padding-right: 4px;
    padding-left: 0;
  }

  .ant-anchor-rtl .ant-anchor-ink {
    right: 0;
    left: auto;
  }

  .ant-anchor-rtl .ant-anchor-ink-ball {
    right: 50%;
    left: 0;
    transform: translateX(50%);
  }

  .ant-anchor-rtl .ant-anchor-link {
    padding: 4px 16px 4px 0;
  }

  .ant-select-auto-complete {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
  }

  .ant-select-auto-complete .ant-select-clear {
    right: 13px;
  }

  .ant-avatar {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background: rgba(255, 255, 255, 0.3);
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
  }

  .ant-avatar-image {
    background: 0 0;
  }

  .ant-avatar .ant-image-img {
    display: block;
  }

  .ant-avatar-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center;
  }

  .ant-avatar.ant-avatar-icon {
    font-size: 18px;
  }

  .ant-avatar.ant-avatar-icon > .anticon {
    margin: 0;
  }

  .ant-avatar-lg {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
  }

  .ant-avatar-lg-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center;
  }

  .ant-avatar-lg.ant-avatar-icon {
    font-size: 24px;
  }

  .ant-avatar-lg.ant-avatar-icon > .anticon {
    margin: 0;
  }

  .ant-avatar-sm {
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
  }

  .ant-avatar-sm-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center;
  }

  .ant-avatar-sm.ant-avatar-icon {
    font-size: 14px;
  }

  .ant-avatar-sm.ant-avatar-icon > .anticon {
    margin: 0;
  }

  .ant-avatar-square {
    border-radius: 2px;
  }

  .ant-avatar > img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .ant-avatar-group {
    display: inline-flex;
  }

  .ant-avatar-group .ant-avatar {
    border: 1px solid #fff;
  }

  .ant-avatar-group .ant-avatar:not(:first-child) {
    margin-left: -8px;
  }

  .ant-avatar-group-popover .ant-avatar + .ant-avatar {
    margin-left: 3px;
  }

  .ant-avatar-group-rtl .ant-avatar:not(:first-child) {
    margin-right: -8px;
    margin-left: 0;
  }

  .ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar {
    margin-right: 3px;
    margin-left: 0;
  }

  .ant-back-top {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: fixed;
    right: 100px;
    bottom: 50px;
    z-index: 10;
    width: 40px;
    height: 40px;
    cursor: pointer;
  }

  .ant-back-top:empty {
    display: none;
  }

  .ant-back-top-rtl {
    right: auto;
    left: 100px;
    direction: rtl;
  }

  .ant-back-top-content {
    width: 40px;
    height: 40px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.45);
    border-radius: 20px;
    transition: all 0.3s;
  }

  .ant-back-top-content:hover {
    background-color: rgba(255, 255, 255, 0.85);
    transition: all 0.3s;
  }

  .ant-back-top-icon {
    font-size: 24px;
    line-height: 40px;
  }

  @media screen and (max-width: 768px) {
    .ant-back-top {
      right: 60px;
    }

    .ant-back-top-rtl {
      right: auto;
      left: 60px;
    }
  }

  @media screen and (max-width: 480px) {
    .ant-back-top {
      right: 20px;
    }

    .ant-back-top-rtl {
      right: auto;
      left: 20px;
    }
  }

  .ant-badge {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    line-height: 1;
  }

  .ant-badge-count {
    z-index: auto;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    text-align: center;
    background: #a61d24;
    border-radius: 10px;
    box-shadow: 0 0 0 1px #141414;
  }

  .ant-badge-count a,
  .ant-badge-count a:hover {
    color: #fff;
  }

  .ant-badge-count-sm {
    min-width: 14px;
    height: 14px;
    padding: 0;
    font-size: 12px;
    line-height: 14px;
    border-radius: 7px;
  }

  .ant-badge-multiple-words {
    padding: 0 8px;
  }

  .ant-badge-dot {
    z-index: auto;
    width: 6px;
    min-width: 6px;
    height: 6px;
    background: #a61d24;
    border-radius: 100%;
    box-shadow: 0 0 0 1px #141414;
  }

  .ant-badge-dot.ant-scroll-number {
    transition: background 1.5s;
  }

  .ant-badge-count,
  .ant-badge-dot,
  .ant-badge .ant-scroll-number-custom-component {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    transform-origin: 100% 0%;
  }

  .ant-badge-count.anticon-spin,
  .ant-badge-dot.anticon-spin,
  .ant-badge .ant-scroll-number-custom-component.anticon-spin {
    animation: antBadgeLoadingCircle 1s infinite linear;
  }

  .ant-badge-status {
    line-height: inherit;
    vertical-align: baseline;
  }

  .ant-badge-status-dot {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    border-radius: 50%;
  }

  .ant-badge-status-success {
    background-color: #49aa19;
  }

  .ant-badge-status-processing {
    position: relative;
    background-color: #177ddc;
  }

  .ant-badge-status-processing::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #177ddc;
    border-radius: 50%;
    animation: antStatusProcessing 1.2s infinite ease-in-out;
    content: "";
  }

  .ant-badge-status-default {
    background-color: #d9d9d9;
  }

  .ant-badge-status-error {
    background-color: #a61d24;
  }

  .ant-badge-status-warning {
    background-color: #d89614;
  }

  .ant-badge-status-pink {
    background: #cb2b83;
  }

  .ant-badge-status-magenta {
    background: #cb2b83;
  }

  .ant-badge-status-red {
    background: #d32029;
  }

  .ant-badge-status-volcano {
    background: #d84a1b;
  }

  .ant-badge-status-orange {
    background: #d87a16;
  }

  .ant-badge-status-yellow {
    background: #d8bd14;
  }

  .ant-badge-status-gold {
    background: #d89614;
  }

  .ant-badge-status-cyan {
    background: #13a8a8;
  }

  .ant-badge-status-lime {
    background: #8bbb11;
  }

  .ant-badge-status-green {
    background: #49aa19;
  }

  .ant-badge-status-blue {
    background: #177ddc;
  }

  .ant-badge-status-geekblue {
    background: #2b4acb;
  }

  .ant-badge-status-purple {
    background: #642ab5;
  }

  .ant-badge-status-text {
    margin-left: 8px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
  }

  .ant-badge-zoom-appear,
  .ant-badge-zoom-enter {
    animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
    animation-fill-mode: both;
  }

  .ant-badge-zoom-leave {
    animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
    animation-fill-mode: both;
  }

  .ant-badge-not-a-wrapper .ant-badge-zoom-appear,
  .ant-badge-not-a-wrapper .ant-badge-zoom-enter {
    animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  }

  .ant-badge-not-a-wrapper .ant-badge-zoom-leave {
    animation: antNoWrapperZoomBadgeOut 0.3s
      cubic-bezier(0.71, -0.46, 0.88, 0.6);
  }

  .ant-badge-not-a-wrapper:not(.ant-badge-status) {
    vertical-align: middle;
  }

  .ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
  .ant-badge-not-a-wrapper .ant-badge-count {
    transform: none;
  }

  .ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
  .ant-badge-not-a-wrapper .ant-scroll-number {
    position: relative;
    top: auto;
    display: block;
    transform-origin: 50% 50%;
  }

  @keyframes antStatusProcessing {
    0% {
      transform: scale(0.8);
      opacity: 0.5;
    }

    100% {
      transform: scale(2.4);
      opacity: 0;
    }
  }

  .ant-scroll-number {
    overflow: hidden;
    direction: ltr;
  }

  .ant-scroll-number-only {
    position: relative;
    display: inline-block;
    height: 20px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
  }

  .ant-scroll-number-only > p.ant-scroll-number-only-unit {
    height: 20px;
    margin: 0;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
  }

  .ant-scroll-number-symbol {
    vertical-align: top;
  }

  @keyframes antZoomBadgeIn {
    0% {
      transform: scale(0) translate(50%, -50%);
      opacity: 0;
    }

    100% {
      transform: scale(1) translate(50%, -50%);
    }
  }

  @keyframes antZoomBadgeOut {
    0% {
      transform: scale(1) translate(50%, -50%);
    }

    100% {
      transform: scale(0) translate(50%, -50%);
      opacity: 0;
    }
  }

  @keyframes antNoWrapperZoomBadgeIn {
    0% {
      transform: scale(0);
      opacity: 0;
    }

    100% {
      transform: scale(1);
    }
  }

  @keyframes antNoWrapperZoomBadgeOut {
    0% {
      transform: scale(1);
    }

    100% {
      transform: scale(0);
      opacity: 0;
    }
  }

  @keyframes antBadgeLoadingCircle {
    0% {
      transform-origin: 50%;
    }

    100% {
      transform: translate(50%, -50%) rotate(360deg);
      transform-origin: 50%;
    }
  }

  .ant-ribbon-wrapper {
    position: relative;
  }

  .ant-ribbon {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: 8px;
    height: 22px;
    padding: 0 8px;
    color: #fff;
    line-height: 22px;
    white-space: nowrap;
    background-color: #177ddc;
    border-radius: 2px;
  }

  .ant-ribbon-text {
    color: #fff;
  }

  .ant-ribbon-corner {
    position: absolute;
    top: 100%;
    width: 8px;
    height: 8px;
    color: currentcolor;
    border: 4px solid;
    transform: scaleY(0.75);
    transform-origin: top;
  }

  .ant-ribbon-corner::after {
    position: absolute;
    top: -4px;
    left: -4px;
    width: inherit;
    height: inherit;
    color: rgba(0, 0, 0, 0.25);
    border: inherit;
    content: "";
  }

  .ant-ribbon-color-pink {
    color: #cb2b83;
    background: #cb2b83;
  }

  .ant-ribbon-color-magenta {
    color: #cb2b83;
    background: #cb2b83;
  }

  .ant-ribbon-color-red {
    color: #d32029;
    background: #d32029;
  }

  .ant-ribbon-color-volcano {
    color: #d84a1b;
    background: #d84a1b;
  }

  .ant-ribbon-color-orange {
    color: #d87a16;
    background: #d87a16;
  }

  .ant-ribbon-color-yellow {
    color: #d8bd14;
    background: #d8bd14;
  }

  .ant-ribbon-color-gold {
    color: #d89614;
    background: #d89614;
  }

  .ant-ribbon-color-cyan {
    color: #13a8a8;
    background: #13a8a8;
  }

  .ant-ribbon-color-lime {
    color: #8bbb11;
    background: #8bbb11;
  }

  .ant-ribbon-color-green {
    color: #49aa19;
    background: #49aa19;
  }

  .ant-ribbon-color-blue {
    color: #177ddc;
    background: #177ddc;
  }

  .ant-ribbon-color-geekblue {
    color: #2b4acb;
    background: #2b4acb;
  }

  .ant-ribbon-color-purple {
    color: #642ab5;
    background: #642ab5;
  }

  .ant-ribbon.ant-ribbon-placement-end {
    right: -8px;
    border-bottom-right-radius: 0;
  }

  .ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
    right: 0;
    border-color: currentcolor transparent transparent currentcolor;
  }

  .ant-ribbon.ant-ribbon-placement-start {
    left: -8px;
    border-bottom-left-radius: 0;
  }

  .ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
    left: 0;
    border-color: currentcolor currentcolor transparent transparent;
  }

  .ant-badge-rtl {
    direction: rtl;
  }

  .ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count,
  .ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot,
  .ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper)
    .ant-scroll-number-custom-component {
    right: auto;
    left: 0;
    direction: ltr;
    transform: translate(-50%, -50%);
    transform-origin: 0% 0%;
  }

  .ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper)
    .ant-scroll-number-custom-component {
    right: auto;
    left: 0;
    transform: translate(-50%, -50%);
    transform-origin: 0% 0%;
  }

  .ant-badge-rtl .ant-badge-status-text {
    margin-right: 8px;
    margin-left: 0;
  }

  .ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-appear,
  .ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-enter {
    animation-name: antZoomBadgeInRtl;
  }

  .ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-leave {
    animation-name: antZoomBadgeOutRtl;
  }

  .ant-ribbon-rtl {
    direction: rtl;
  }

  .ant-ribbon-rtl.ant-ribbon-placement-end {
    right: unset;
    left: -8px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
  }

  .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
    right: unset;
    left: 0;
    border-color: currentcolor currentcolor transparent transparent;
  }

  .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after {
    border-color: currentcolor currentcolor transparent transparent;
  }

  .ant-ribbon-rtl.ant-ribbon-placement-start {
    right: -8px;
    left: unset;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
  }

  .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
    right: 0;
    left: unset;
    border-color: currentcolor transparent transparent currentcolor;
  }

  .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after {
    border-color: currentcolor transparent transparent currentcolor;
  }

  @keyframes antZoomBadgeInRtl {
    0% {
      transform: scale(0) translate(-50%, -50%);
      opacity: 0;
    }

    100% {
      transform: scale(1) translate(-50%, -50%);
    }
  }

  @keyframes antZoomBadgeOutRtl {
    0% {
      transform: scale(1) translate(-50%, -50%);
    }

    100% {
      transform: scale(0) translate(-50%, -50%);
      opacity: 0;
    }
  }

  .ant-breadcrumb {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
  }

  .ant-breadcrumb .anticon {
    font-size: 14px;
  }

  .ant-breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .ant-breadcrumb a {
    color: rgba(255, 255, 255, 0.45);
    transition: color 0.3s;
  }

  .ant-breadcrumb a:hover {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-breadcrumb li:last-child {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-breadcrumb li:last-child a {
    color: rgba(255, 255, 255, 0.85);
  }

  li:last-child > .ant-breadcrumb-separator {
    display: none;
  }

  .ant-breadcrumb-separator {
    margin: 0 8px;
    color: rgba(255, 255, 255, 0.45);
  }

  .ant-breadcrumb-link > .anticon + span,
  .ant-breadcrumb-link > .anticon + a {
    margin-left: 4px;
  }

  .ant-breadcrumb-overlay-link > .anticon {
    margin-left: 4px;
  }

  .ant-breadcrumb-rtl {
    direction: rtl;
  }

  .ant-breadcrumb-rtl::before {
    display: table;
    content: "";
  }

  .ant-breadcrumb-rtl::after {
    display: table;
    clear: both;
    content: "";
  }

  .ant-breadcrumb-rtl > span {
    float: right;
  }

  .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span,
  .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a {
    margin-right: 4px;
    margin-left: 0;
  }

  .ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon {
    margin-right: 4px;
    margin-left: 0;
  }

  .ant-btn {
    line-height: 1.5715;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    border: 1px solid transparent;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    height: 32px;
    padding: 4px 15px;
    font-size: 14px;
    border-radius: 2px;
    color: rgba(255, 255, 255, 0.85);
    border-color: #434343;
    background: 0 0;
  }

  .ant-btn > .anticon {
    line-height: 1;
  }

  .ant-btn,
  .ant-btn:active,
  .ant-btn:focus {
    outline: 0;
  }

  .ant-btn:not([disabled]):hover {
    text-decoration: none;
  }

  .ant-btn:not([disabled]):active {
    outline: 0;
    box-shadow: none;
  }

  .ant-btn[disabled] {
    cursor: not-allowed;
  }

  .ant-btn[disabled] > * {
    pointer-events: none;
  }

  .ant-btn-lg {
    height: 40px;
    padding: 6.4px 15px;
    font-size: 16px;
    border-radius: 2px;
  }

  .ant-btn-sm {
    height: 24px;
    padding: 0 7px;
    font-size: 14px;
    border-radius: 2px;
  }

  .ant-btn > a:only-child {
    color: currentcolor;
  }

  .ant-btn > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn:hover,
  .ant-btn:focus {
    color: #165996;
    border-color: #165996;
    background: 0 0;
  }

  .ant-btn:hover > a:only-child,
  .ant-btn:focus > a:only-child {
    color: currentcolor;
  }

  .ant-btn:hover > a:only-child::after,
  .ant-btn:focus > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn:active {
    color: #388ed3;
    border-color: #388ed3;
    background: 0 0;
  }

  .ant-btn:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn[disabled],
  .ant-btn[disabled]:hover,
  .ant-btn[disabled]:focus,
  .ant-btn[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: #434343;
    background: rgba(255, 255, 255, 0.08);
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn[disabled] > a:only-child,
  .ant-btn[disabled]:hover > a:only-child,
  .ant-btn[disabled]:focus > a:only-child,
  .ant-btn[disabled]:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn[disabled] > a:only-child::after,
  .ant-btn[disabled]:hover > a:only-child::after,
  .ant-btn[disabled]:focus > a:only-child::after,
  .ant-btn[disabled]:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn:hover,
  .ant-btn:focus,
  .ant-btn:active {
    text-decoration: none;
    background: 0 0;
  }

  .ant-btn > span {
    display: inline-block;
  }

  .ant-btn-primary {
    color: #fff;
    border-color: #177ddc;
    background: #177ddc;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  }

  .ant-btn-primary > a:only-child {
    color: currentcolor;
  }

  .ant-btn-primary > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-primary:hover,
  .ant-btn-primary:focus {
    color: #fff;
    border-color: #095cb5;
    background: #095cb5;
  }

  .ant-btn-primary:hover > a:only-child,
  .ant-btn-primary:focus > a:only-child {
    color: currentcolor;
  }

  .ant-btn-primary:hover > a:only-child::after,
  .ant-btn-primary:focus > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-primary:active {
    color: #fff;
    border-color: #3c9be8;
    background: #3c9be8;
  }

  .ant-btn-primary:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-primary:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-primary[disabled],
  .ant-btn-primary[disabled]:hover,
  .ant-btn-primary[disabled]:focus,
  .ant-btn-primary[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: #434343;
    background: rgba(255, 255, 255, 0.08);
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn-primary[disabled] > a:only-child,
  .ant-btn-primary[disabled]:hover > a:only-child,
  .ant-btn-primary[disabled]:focus > a:only-child,
  .ant-btn-primary[disabled]:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-primary[disabled] > a:only-child::after,
  .ant-btn-primary[disabled]:hover > a:only-child::after,
  .ant-btn-primary[disabled]:focus > a:only-child::after,
  .ant-btn-primary[disabled]:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
    border-right-color: #165996;
    border-left-color: #165996;
  }

  .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
    border-color: #434343;
  }

  .ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
    border-right-color: #165996;
  }

  .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
    border-right-color: #434343;
  }

  .ant-btn-group .ant-btn-primary:last-child:not(:first-child),
  .ant-btn-group .ant-btn-primary + .ant-btn-primary {
    border-left-color: #165996;
  }

  .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
  .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
    border-left-color: #434343;
  }

  .ant-btn-ghost {
    color: rgba(255, 255, 255, 0.85);
    border-color: #434343;
    background: 0 0;
  }

  .ant-btn-ghost > a:only-child {
    color: currentcolor;
  }

  .ant-btn-ghost > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-ghost:hover,
  .ant-btn-ghost:focus {
    color: #165996;
    border-color: #165996;
    background: 0 0;
  }

  .ant-btn-ghost:hover > a:only-child,
  .ant-btn-ghost:focus > a:only-child {
    color: currentcolor;
  }

  .ant-btn-ghost:hover > a:only-child::after,
  .ant-btn-ghost:focus > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-ghost:active {
    color: #388ed3;
    border-color: #388ed3;
    background: 0 0;
  }

  .ant-btn-ghost:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-ghost:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-ghost[disabled],
  .ant-btn-ghost[disabled]:hover,
  .ant-btn-ghost[disabled]:focus,
  .ant-btn-ghost[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: #434343;
    background: rgba(255, 255, 255, 0.08);
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn-ghost[disabled] > a:only-child,
  .ant-btn-ghost[disabled]:hover > a:only-child,
  .ant-btn-ghost[disabled]:focus > a:only-child,
  .ant-btn-ghost[disabled]:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-ghost[disabled] > a:only-child::after,
  .ant-btn-ghost[disabled]:hover > a:only-child::after,
  .ant-btn-ghost[disabled]:focus > a:only-child::after,
  .ant-btn-ghost[disabled]:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dashed {
    color: rgba(255, 255, 255, 0.85);
    border-color: #434343;
    background: 0 0;
    border-style: dashed;
  }

  .ant-btn-dashed > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dashed > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dashed:hover,
  .ant-btn-dashed:focus {
    color: #165996;
    border-color: #165996;
    background: 0 0;
  }

  .ant-btn-dashed:hover > a:only-child,
  .ant-btn-dashed:focus > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dashed:hover > a:only-child::after,
  .ant-btn-dashed:focus > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dashed:active {
    color: #388ed3;
    border-color: #388ed3;
    background: 0 0;
  }

  .ant-btn-dashed:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dashed:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dashed[disabled],
  .ant-btn-dashed[disabled]:hover,
  .ant-btn-dashed[disabled]:focus,
  .ant-btn-dashed[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: #434343;
    background: rgba(255, 255, 255, 0.08);
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn-dashed[disabled] > a:only-child,
  .ant-btn-dashed[disabled]:hover > a:only-child,
  .ant-btn-dashed[disabled]:focus > a:only-child,
  .ant-btn-dashed[disabled]:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dashed[disabled] > a:only-child::after,
  .ant-btn-dashed[disabled]:hover > a:only-child::after,
  .ant-btn-dashed[disabled]:focus > a:only-child::after,
  .ant-btn-dashed[disabled]:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-danger {
    color: #fff;
    border-color: #a61d24;
    background: #a61d24;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  }

  .ant-btn-danger > a:only-child {
    color: currentcolor;
  }

  .ant-btn-danger > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-danger:hover,
  .ant-btn-danger:focus {
    color: #fff;
    border-color: #800f19;
    background: #800f19;
  }

  .ant-btn-danger:hover > a:only-child,
  .ant-btn-danger:focus > a:only-child {
    color: currentcolor;
  }

  .ant-btn-danger:hover > a:only-child::after,
  .ant-btn-danger:focus > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-danger:active {
    color: #fff;
    border-color: #b33b3d;
    background: #b33b3d;
  }

  .ant-btn-danger:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-danger:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-danger[disabled],
  .ant-btn-danger[disabled]:hover,
  .ant-btn-danger[disabled]:focus,
  .ant-btn-danger[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: #434343;
    background: rgba(255, 255, 255, 0.08);
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn-danger[disabled] > a:only-child,
  .ant-btn-danger[disabled]:hover > a:only-child,
  .ant-btn-danger[disabled]:focus > a:only-child,
  .ant-btn-danger[disabled]:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-danger[disabled] > a:only-child::after,
  .ant-btn-danger[disabled]:hover > a:only-child::after,
  .ant-btn-danger[disabled]:focus > a:only-child::after,
  .ant-btn-danger[disabled]:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-link {
    color: #177ddc;
    border-color: transparent;
    background: 0 0;
    box-shadow: none;
  }

  .ant-btn-link > a:only-child {
    color: currentcolor;
  }

  .ant-btn-link > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-link:hover,
  .ant-btn-link:focus {
    color: #165996;
    border-color: #165996;
    background: 0 0;
  }

  .ant-btn-link:hover > a:only-child,
  .ant-btn-link:focus > a:only-child {
    color: currentcolor;
  }

  .ant-btn-link:hover > a:only-child::after,
  .ant-btn-link:focus > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-link:active {
    color: #388ed3;
    border-color: #388ed3;
    background: 0 0;
  }

  .ant-btn-link:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-link:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-link[disabled],
  .ant-btn-link[disabled]:hover,
  .ant-btn-link[disabled]:focus,
  .ant-btn-link[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: #434343;
    background: rgba(255, 255, 255, 0.08);
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn-link[disabled] > a:only-child,
  .ant-btn-link[disabled]:hover > a:only-child,
  .ant-btn-link[disabled]:focus > a:only-child,
  .ant-btn-link[disabled]:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-link[disabled] > a:only-child::after,
  .ant-btn-link[disabled]:hover > a:only-child::after,
  .ant-btn-link[disabled]:focus > a:only-child::after,
  .ant-btn-link[disabled]:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-link:hover {
    background: 0 0;
  }

  .ant-btn-link:hover,
  .ant-btn-link:focus,
  .ant-btn-link:active {
    border-color: transparent;
  }

  .ant-btn-link[disabled],
  .ant-btn-link[disabled]:hover,
  .ant-btn-link[disabled]:focus,
  .ant-btn-link[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: transparent;
    background: 0 0;
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn-link[disabled] > a:only-child,
  .ant-btn-link[disabled]:hover > a:only-child,
  .ant-btn-link[disabled]:focus > a:only-child,
  .ant-btn-link[disabled]:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-link[disabled] > a:only-child::after,
  .ant-btn-link[disabled]:hover > a:only-child::after,
  .ant-btn-link[disabled]:focus > a:only-child::after,
  .ant-btn-link[disabled]:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-text {
    color: rgba(255, 255, 255, 0.85);
    border-color: transparent;
    background: 0 0;
    box-shadow: none;
  }

  .ant-btn-text > a:only-child {
    color: currentcolor;
  }

  .ant-btn-text > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-text:hover,
  .ant-btn-text:focus {
    color: #165996;
    border-color: #165996;
    background: 0 0;
  }

  .ant-btn-text:hover > a:only-child,
  .ant-btn-text:focus > a:only-child {
    color: currentcolor;
  }

  .ant-btn-text:hover > a:only-child::after,
  .ant-btn-text:focus > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-text:active {
    color: #388ed3;
    border-color: #388ed3;
    background: 0 0;
  }

  .ant-btn-text:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-text:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-text[disabled],
  .ant-btn-text[disabled]:hover,
  .ant-btn-text[disabled]:focus,
  .ant-btn-text[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: #434343;
    background: rgba(255, 255, 255, 0.08);
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn-text[disabled] > a:only-child,
  .ant-btn-text[disabled]:hover > a:only-child,
  .ant-btn-text[disabled]:focus > a:only-child,
  .ant-btn-text[disabled]:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-text[disabled] > a:only-child::after,
  .ant-btn-text[disabled]:hover > a:only-child::after,
  .ant-btn-text[disabled]:focus > a:only-child::after,
  .ant-btn-text[disabled]:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-text:hover,
  .ant-btn-text:focus {
    color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.03);
    border-color: transparent;
  }

  .ant-btn-text:active {
    color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.04);
    border-color: transparent;
  }

  .ant-btn-text[disabled],
  .ant-btn-text[disabled]:hover,
  .ant-btn-text[disabled]:focus,
  .ant-btn-text[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: transparent;
    background: 0 0;
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn-text[disabled] > a:only-child,
  .ant-btn-text[disabled]:hover > a:only-child,
  .ant-btn-text[disabled]:focus > a:only-child,
  .ant-btn-text[disabled]:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-text[disabled] > a:only-child::after,
  .ant-btn-text[disabled]:hover > a:only-child::after,
  .ant-btn-text[disabled]:focus > a:only-child::after,
  .ant-btn-text[disabled]:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous {
    color: #a61d24;
    border-color: #a61d24;
    background: 0 0;
  }

  .ant-btn-dangerous > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous:hover,
  .ant-btn-dangerous:focus {
    color: #800f19;
    border-color: #800f19;
    background: 0 0;
  }

  .ant-btn-dangerous:hover > a:only-child,
  .ant-btn-dangerous:focus > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous:hover > a:only-child::after,
  .ant-btn-dangerous:focus > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous:active {
    color: #b33b3d;
    border-color: #b33b3d;
    background: 0 0;
  }

  .ant-btn-dangerous:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous[disabled],
  .ant-btn-dangerous[disabled]:hover,
  .ant-btn-dangerous[disabled]:focus,
  .ant-btn-dangerous[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: #434343;
    background: rgba(255, 255, 255, 0.08);
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn-dangerous[disabled] > a:only-child,
  .ant-btn-dangerous[disabled]:hover > a:only-child,
  .ant-btn-dangerous[disabled]:focus > a:only-child,
  .ant-btn-dangerous[disabled]:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous[disabled] > a:only-child::after,
  .ant-btn-dangerous[disabled]:hover > a:only-child::after,
  .ant-btn-dangerous[disabled]:focus > a:only-child::after,
  .ant-btn-dangerous[disabled]:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous.ant-btn-primary {
    color: #fff;
    border-color: #a61d24;
    background: #a61d24;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  }

  .ant-btn-dangerous.ant-btn-primary > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous.ant-btn-primary > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous.ant-btn-primary:hover,
  .ant-btn-dangerous.ant-btn-primary:focus {
    color: #fff;
    border-color: #800f19;
    background: #800f19;
  }

  .ant-btn-dangerous.ant-btn-primary:hover > a:only-child,
  .ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after,
  .ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous.ant-btn-primary:active {
    color: #fff;
    border-color: #b33b3d;
    background: #b33b3d;
  }

  .ant-btn-dangerous.ant-btn-primary:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous.ant-btn-primary:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous.ant-btn-primary[disabled],
  .ant-btn-dangerous.ant-btn-primary[disabled]:hover,
  .ant-btn-dangerous.ant-btn-primary[disabled]:focus,
  .ant-btn-dangerous.ant-btn-primary[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: #434343;
    background: rgba(255, 255, 255, 0.08);
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child,
  .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child,
  .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child,
  .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after,
  .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after,
  .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after,
  .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous.ant-btn-link {
    color: #a61d24;
    border-color: transparent;
    background: 0 0;
    box-shadow: none;
  }

  .ant-btn-dangerous.ant-btn-link > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous.ant-btn-link > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous.ant-btn-link:hover,
  .ant-btn-dangerous.ant-btn-link:focus {
    color: #165996;
    border-color: #165996;
    background: 0 0;
  }

  .ant-btn-dangerous.ant-btn-link:hover > a:only-child,
  .ant-btn-dangerous.ant-btn-link:focus > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
  .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous.ant-btn-link:active {
    color: #388ed3;
    border-color: #388ed3;
    background: 0 0;
  }

  .ant-btn-dangerous.ant-btn-link:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous.ant-btn-link[disabled],
  .ant-btn-dangerous.ant-btn-link[disabled]:hover,
  .ant-btn-dangerous.ant-btn-link[disabled]:focus,
  .ant-btn-dangerous.ant-btn-link[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: #434343;
    background: rgba(255, 255, 255, 0.08);
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
  .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
  .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
  .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
  .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
  .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
  .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous.ant-btn-link:hover,
  .ant-btn-dangerous.ant-btn-link:focus {
    color: #800f19;
    border-color: transparent;
    background: 0 0;
  }

  .ant-btn-dangerous.ant-btn-link:hover > a:only-child,
  .ant-btn-dangerous.ant-btn-link:focus > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after,
  .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous.ant-btn-link:active {
    color: #b33b3d;
    border-color: transparent;
    background: 0 0;
  }

  .ant-btn-dangerous.ant-btn-link:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous.ant-btn-link:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous.ant-btn-link[disabled],
  .ant-btn-dangerous.ant-btn-link[disabled]:hover,
  .ant-btn-dangerous.ant-btn-link[disabled]:focus,
  .ant-btn-dangerous.ant-btn-link[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: transparent;
    background: 0 0;
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child,
  .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child,
  .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child,
  .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after,
  .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after,
  .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after,
  .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous.ant-btn-text {
    color: #a61d24;
    border-color: transparent;
    background: 0 0;
    box-shadow: none;
  }

  .ant-btn-dangerous.ant-btn-text > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous.ant-btn-text > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous.ant-btn-text:hover,
  .ant-btn-dangerous.ant-btn-text:focus {
    color: #165996;
    border-color: #165996;
    background: 0 0;
  }

  .ant-btn-dangerous.ant-btn-text:hover > a:only-child,
  .ant-btn-dangerous.ant-btn-text:focus > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
  .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous.ant-btn-text:active {
    color: #388ed3;
    border-color: #388ed3;
    background: 0 0;
  }

  .ant-btn-dangerous.ant-btn-text:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous.ant-btn-text[disabled],
  .ant-btn-dangerous.ant-btn-text[disabled]:hover,
  .ant-btn-dangerous.ant-btn-text[disabled]:focus,
  .ant-btn-dangerous.ant-btn-text[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: #434343;
    background: rgba(255, 255, 255, 0.08);
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
  .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
  .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
  .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
  .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
  .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
  .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous.ant-btn-text:hover,
  .ant-btn-dangerous.ant-btn-text:focus {
    color: #800f19;
    border-color: transparent;
    background: rgba(255, 255, 255, 0.03);
  }

  .ant-btn-dangerous.ant-btn-text:hover > a:only-child,
  .ant-btn-dangerous.ant-btn-text:focus > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after,
  .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous.ant-btn-text:active {
    color: #b33b3d;
    border-color: transparent;
    background: rgba(255, 255, 255, 0.04);
  }

  .ant-btn-dangerous.ant-btn-text:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous.ant-btn-text:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-dangerous.ant-btn-text[disabled],
  .ant-btn-dangerous.ant-btn-text[disabled]:hover,
  .ant-btn-dangerous.ant-btn-text[disabled]:focus,
  .ant-btn-dangerous.ant-btn-text[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: transparent;
    background: 0 0;
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child,
  .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child,
  .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child,
  .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after,
  .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after,
  .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after,
  .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-icon-only {
    width: 32px;
    height: 32px;
    padding: 2.4px 0;
    font-size: 16px;
    border-radius: 2px;
    vertical-align: -3px;
  }

  .ant-btn-icon-only > * {
    font-size: 16px;
  }

  .ant-btn-icon-only.ant-btn-lg {
    width: 40px;
    height: 40px;
    padding: 4.9px 0;
    font-size: 18px;
    border-radius: 2px;
  }

  .ant-btn-icon-only.ant-btn-lg > * {
    font-size: 18px;
  }

  .ant-btn-icon-only.ant-btn-sm {
    width: 24px;
    height: 24px;
    padding: 0 0;
    font-size: 14px;
    border-radius: 2px;
  }

  .ant-btn-icon-only.ant-btn-sm > * {
    font-size: 14px;
  }

  .ant-btn-icon-only > .anticon {
    display: flex;
    justify-content: center;
  }

  .ant-btn-icon-only .anticon-loading {
    padding: 0 !important;
  }

  a.ant-btn-icon-only {
    vertical-align: -1px;
  }

  a.ant-btn-icon-only > .anticon {
    display: inline;
  }

  .ant-btn-round {
    height: 32px;
    padding: 4px 16px;
    font-size: 14px;
    border-radius: 32px;
  }

  .ant-btn-round.ant-btn-lg {
    height: 40px;
    padding: 6.4px 20px;
    font-size: 16px;
    border-radius: 40px;
  }

  .ant-btn-round.ant-btn-sm {
    height: 24px;
    padding: 0 12px;
    font-size: 14px;
    border-radius: 24px;
  }

  .ant-btn-round.ant-btn-icon-only {
    width: auto;
  }

  .ant-btn-circle {
    min-width: 32px;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    border-radius: 50%;
  }

  .ant-btn-circle.ant-btn-lg {
    min-width: 40px;
    border-radius: 50%;
  }

  .ant-btn-circle.ant-btn-sm {
    min-width: 24px;
    border-radius: 50%;
  }

  .ant-btn::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    display: none;
    background: #141414;
    border-radius: inherit;
    opacity: 0.35;
    transition: opacity 0.2s;
    content: "";
    pointer-events: none;
  }

  .ant-btn .anticon {
    transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .ant-btn .anticon.anticon-plus > svg,
  .ant-btn .anticon.anticon-minus > svg {
    shape-rendering: optimizespeed;
  }

  .ant-btn.ant-btn-loading {
    position: relative;
    cursor: default;
  }

  .ant-btn.ant-btn-loading::before {
    display: block;
  }

  .ant-btn > .ant-btn-loading-icon {
    transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .ant-btn > .ant-btn-loading-icon .anticon {
    padding-right: 8px;
    animation: none;
  }

  .ant-btn > .ant-btn-loading-icon .anticon svg {
    animation: loadingCircle 1s infinite linear;
  }

  .ant-btn-group {
    position: relative;
    display: inline-flex;
  }

  .ant-btn-group > .ant-btn,
  .ant-btn-group > span > .ant-btn {
    position: relative;
  }

  .ant-btn-group > .ant-btn:hover,
  .ant-btn-group > span > .ant-btn:hover,
  .ant-btn-group > .ant-btn:focus,
  .ant-btn-group > span > .ant-btn:focus,
  .ant-btn-group > .ant-btn:active,
  .ant-btn-group > span > .ant-btn:active {
    z-index: 2;
  }

  .ant-btn-group > .ant-btn[disabled],
  .ant-btn-group > span > .ant-btn[disabled] {
    z-index: 0;
  }

  .ant-btn-group .ant-btn-icon-only {
    font-size: 14px;
  }

  .ant-btn-group .ant-btn + .ant-btn,
  .ant-btn + .ant-btn-group,
  .ant-btn-group span + .ant-btn,
  .ant-btn-group .ant-btn + span,
  .ant-btn-group > span + span,
  .ant-btn-group + .ant-btn,
  .ant-btn-group + .ant-btn-group {
    margin-left: -1px;
  }

  .ant-btn-group
    .ant-btn-primary
    + .ant-btn:not(.ant-btn-primary):not([disabled]) {
    border-left-color: transparent;
  }

  .ant-btn-group .ant-btn {
    border-radius: 0;
  }

  .ant-btn-group > .ant-btn:first-child,
  .ant-btn-group > span:first-child > .ant-btn {
    margin-left: 0;
  }

  .ant-btn-group > .ant-btn:only-child {
    border-radius: 2px;
  }

  .ant-btn-group > span:only-child > .ant-btn {
    border-radius: 2px;
  }

  .ant-btn-group > .ant-btn:first-child:not(:last-child),
  .ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
  }

  .ant-btn-group > .ant-btn:last-child:not(:first-child),
  .ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }

  .ant-btn-group-sm > .ant-btn:only-child {
    border-radius: 2px;
  }

  .ant-btn-group-sm > span:only-child > .ant-btn {
    border-radius: 2px;
  }

  .ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
  .ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
  }

  .ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
  .ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }

  .ant-btn-group > .ant-btn-group {
    float: left;
  }

  .ant-btn-group
    > .ant-btn-group:not(:first-child):not(:last-child)
    > .ant-btn {
    border-radius: 0;
  }

  .ant-btn-group
    > .ant-btn-group:first-child:not(:last-child)
    > .ant-btn:last-child {
    padding-right: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-btn-group
    > .ant-btn-group:last-child:not(:first-child)
    > .ant-btn:first-child {
    padding-left: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn,
  .ant-btn-rtl.ant-btn + .ant-btn-group,
  .ant-btn-rtl.ant-btn-group span + .ant-btn,
  .ant-btn-rtl.ant-btn-group .ant-btn + span,
  .ant-btn-rtl.ant-btn-group > span + span,
  .ant-btn-rtl.ant-btn-group + .ant-btn,
  .ant-btn-rtl.ant-btn-group + .ant-btn-group,
  .ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn,
  .ant-btn-group-rtl.ant-btn + .ant-btn-group,
  .ant-btn-group-rtl.ant-btn-group span + .ant-btn,
  .ant-btn-group-rtl.ant-btn-group .ant-btn + span,
  .ant-btn-group-rtl.ant-btn-group > span + span,
  .ant-btn-group-rtl.ant-btn-group + .ant-btn,
  .ant-btn-group-rtl.ant-btn-group + .ant-btn-group {
    margin-right: -1px;
    margin-left: auto;
  }

  .ant-btn-group.ant-btn-group-rtl {
    direction: rtl;
  }

  .ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child),
  .ant-btn-group-rtl.ant-btn-group
    > span:first-child:not(:last-child)
    > .ant-btn {
    border-radius: 0 2px 2px 0;
  }

  .ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child),
  .ant-btn-group-rtl.ant-btn-group
    > span:last-child:not(:first-child)
    > .ant-btn {
    border-radius: 2px 0 0 2px;
  }

  .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
  .ant-btn-group-rtl.ant-btn-group-sm
    > span:first-child:not(:last-child)
    > .ant-btn {
    border-radius: 0 2px 2px 0;
  }

  .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
  .ant-btn-group-rtl.ant-btn-group-sm
    > span:last-child:not(:first-child)
    > .ant-btn {
    border-radius: 2px 0 0 2px;
  }

  .ant-btn:focus > span,
  .ant-btn:active > span {
    position: relative;
  }

  .ant-btn > .anticon + span,
  .ant-btn > span + .anticon {
    margin-left: 8px;
  }

  .ant-btn.ant-btn-background-ghost {
    color: rgba(255, 255, 255, 0.85);
    border-color: rgba(255, 255, 255, 0.25);
  }

  .ant-btn.ant-btn-background-ghost,
  .ant-btn.ant-btn-background-ghost:hover,
  .ant-btn.ant-btn-background-ghost:active,
  .ant-btn.ant-btn-background-ghost:focus {
    background: 0 0;
  }

  .ant-btn.ant-btn-background-ghost:hover,
  .ant-btn.ant-btn-background-ghost:focus {
    color: #3c9be8;
    border-color: #3c9be8;
  }

  .ant-btn.ant-btn-background-ghost:active {
    color: #095cb5;
    border-color: #095cb5;
  }

  .ant-btn.ant-btn-background-ghost[disabled] {
    color: rgba(255, 255, 255, 0.3);
    background: 0 0;
    border-color: #434343;
  }

  .ant-btn-background-ghost.ant-btn-primary {
    color: #177ddc;
    border-color: #177ddc;
    text-shadow: none;
  }

  .ant-btn-background-ghost.ant-btn-primary > a:only-child {
    color: currentcolor;
  }

  .ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-background-ghost.ant-btn-primary:hover,
  .ant-btn-background-ghost.ant-btn-primary:focus {
    color: #095cb5;
    border-color: #095cb5;
  }

  .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
  .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
    color: currentcolor;
  }

  .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
  .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-background-ghost.ant-btn-primary:active {
    color: #3c9be8;
    border-color: #3c9be8;
  }

  .ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-background-ghost.ant-btn-primary[disabled],
  .ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
  .ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
  .ant-btn-background-ghost.ant-btn-primary[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: #434343;
    background: rgba(255, 255, 255, 0.08);
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
  .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
  .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
  .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
  .ant-btn-background-ghost.ant-btn-primary[disabled]:hover
    > a:only-child::after,
  .ant-btn-background-ghost.ant-btn-primary[disabled]:focus
    > a:only-child::after,
  .ant-btn-background-ghost.ant-btn-primary[disabled]:active
    > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-background-ghost.ant-btn-danger {
    color: #a61d24;
    border-color: #a61d24;
    text-shadow: none;
  }

  .ant-btn-background-ghost.ant-btn-danger > a:only-child {
    color: currentcolor;
  }

  .ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-background-ghost.ant-btn-danger:hover,
  .ant-btn-background-ghost.ant-btn-danger:focus {
    color: #800f19;
    border-color: #800f19;
  }

  .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
  .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
    color: currentcolor;
  }

  .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
  .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-background-ghost.ant-btn-danger:active {
    color: #b33b3d;
    border-color: #b33b3d;
  }

  .ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-background-ghost.ant-btn-danger[disabled],
  .ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
  .ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
  .ant-btn-background-ghost.ant-btn-danger[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: #434343;
    background: rgba(255, 255, 255, 0.08);
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
  .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
  .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
  .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
  .ant-btn-background-ghost.ant-btn-danger[disabled]:hover
    > a:only-child::after,
  .ant-btn-background-ghost.ant-btn-danger[disabled]:focus
    > a:only-child::after,
  .ant-btn-background-ghost.ant-btn-danger[disabled]:active
    > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-background-ghost.ant-btn-dangerous {
    color: #a61d24;
    border-color: #a61d24;
    text-shadow: none;
  }

  .ant-btn-background-ghost.ant-btn-dangerous > a:only-child {
    color: currentcolor;
  }

  .ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-background-ghost.ant-btn-dangerous:hover,
  .ant-btn-background-ghost.ant-btn-dangerous:focus {
    color: #800f19;
    border-color: #800f19;
  }

  .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child,
  .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child {
    color: currentcolor;
  }

  .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after,
  .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-background-ghost.ant-btn-dangerous:active {
    color: #b33b3d;
    border-color: #b33b3d;
  }

  .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-background-ghost.ant-btn-dangerous[disabled],
  .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
  .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
  .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: #434343;
    background: rgba(255, 255, 255, 0.08);
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child,
  .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child,
  .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child,
  .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child {
    color: currentcolor;
  }

  .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after,
  .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover
    > a:only-child::after,
  .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus
    > a:only-child::after,
  .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active
    > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
    color: #a61d24;
    border-color: transparent;
    text-shadow: none;
  }

  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child {
    color: currentcolor;
  }

  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link
    > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,
  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
    color: #800f19;
    border-color: transparent;
  }

  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus
    > a:only-child {
    color: currentcolor;
  }

  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover
    > a:only-child::after,
  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus
    > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
    color: #b33b3d;
    border-color: transparent;
  }

  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active
    > a:only-child {
    color: currentcolor;
  }

  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active
    > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,
  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: #434343;
    background: rgba(255, 255, 255, 0.08);
    text-shadow: none;
    box-shadow: none;
  }

  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]
    > a:only-child,
  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover
    > a:only-child,
  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus
    > a:only-child,
  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active
    > a:only-child {
    color: currentcolor;
  }

  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]
    > a:only-child::after,
  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover
    > a:only-child::after,
  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus
    > a:only-child::after,
  .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active
    > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  .ant-btn-two-chinese-chars::first-letter {
    letter-spacing: 0.34em;
  }

  .ant-btn-two-chinese-chars > *:not(.anticon) {
    margin-right: -0.34em;
    letter-spacing: 0.34em;
  }

  .ant-btn.ant-btn-block {
    width: 100%;
  }

  .ant-btn:empty {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: "\a0";
  }

  a.ant-btn {
    padding-top: 0.01px !important;
    line-height: 30px;
  }

  a.ant-btn-disabled {
    cursor: not-allowed;
  }

  a.ant-btn-disabled > * {
    pointer-events: none;
  }

  a.ant-btn-disabled,
  a.ant-btn-disabled:hover,
  a.ant-btn-disabled:focus,
  a.ant-btn-disabled:active {
    color: rgba(255, 255, 255, 0.3);
    border-color: transparent;
    background: 0 0;
    text-shadow: none;
    box-shadow: none;
  }

  a.ant-btn-disabled > a:only-child,
  a.ant-btn-disabled:hover > a:only-child,
  a.ant-btn-disabled:focus > a:only-child,
  a.ant-btn-disabled:active > a:only-child {
    color: currentcolor;
  }

  a.ant-btn-disabled > a:only-child::after,
  a.ant-btn-disabled:hover > a:only-child::after,
  a.ant-btn-disabled:focus > a:only-child::after,
  a.ant-btn-disabled:active > a:only-child::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    content: "";
  }

  a.ant-btn-lg {
    line-height: 38px;
  }

  a.ant-btn-sm {
    line-height: 22px;
  }

  .ant-btn-compact-item:not(.ant-btn-compact-last-item):not(
      .ant-btn-compact-item-rtl
    ) {
    margin-right: -1px;
  }

  .ant-btn-compact-item:not(
      .ant-btn-compact-last-item
    ).ant-btn-compact-item-rtl {
    margin-left: -1px;
  }

  .ant-btn-compact-item:hover,
  .ant-btn-compact-item:focus,
  .ant-btn-compact-item:active {
    z-index: 2;
  }

  .ant-btn-compact-item[disabled] {
    z-index: 0;
  }

  .ant-btn-compact-item:not(.ant-btn-compact-first-item):not(
      .ant-btn-compact-last-item
    ).ant-btn {
    border-radius: 0;
  }

  .ant-btn-compact-item.ant-btn.ant-btn-compact-first-item:not(
      .ant-btn-compact-last-item
    ):not(.ant-btn-compact-item-rtl) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(
      .ant-btn-compact-first-item
    ):not(.ant-btn-compact-item-rtl) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-first-item:not(
      .ant-btn-compact-last-item
    ) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-last-item:not(
      .ant-btn-compact-first-item
    ) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-btn-icon-only.ant-btn-compact-item {
    flex: none;
  }

  .ant-btn-compact-item.ant-btn-primary:not([disabled])
    + .ant-btn-compact-item.ant-btn-primary:not([disabled]) {
    position: relative;
  }

  .ant-btn-compact-item.ant-btn-primary:not([disabled])
    + .ant-btn-compact-item.ant-btn-primary:not([disabled])::after {
    position: absolute;
    top: -1px;
    left: -1px;
    display: inline-block;
    width: 1px;
    height: calc(100% + 1px * 2);
    background-color: #165996;
    content: " ";
  }

  .ant-btn-compact-item-rtl.ant-btn-compact-first-item.ant-btn-compact-item-rtl:not(
      .ant-btn-compact-last-item
    ) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-btn-compact-item-rtl.ant-btn-compact-last-item.ant-btn-compact-item-rtl:not(
      .ant-btn-compact-first-item
    ) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-first-item.ant-btn-compact-item-rtl.ant-btn-sm:not(
      .ant-btn-compact-last-item
    ) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-last-item.ant-btn-compact-item-rtl.ant-btn-sm:not(
      .ant-btn-compact-first-item
    ) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-btn-compact-item-rtl.ant-btn-primary:not([disabled])
    + .ant-btn-compact-item-rtl.ant-btn-primary:not([disabled])::after {
    right: -1px;
  }

  .ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-last-item) {
    margin-bottom: -1px;
  }

  .ant-btn-compact-vertical-item:hover,
  .ant-btn-compact-vertical-item:focus,
  .ant-btn-compact-vertical-item:active {
    z-index: 2;
  }

  .ant-btn-compact-vertical-item[disabled] {
    z-index: 0;
  }

  .ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-first-item):not(
      .ant-btn-compact-vertical-last-item
    ) {
    border-radius: 0;
  }

  .ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(
      .ant-btn-compact-vertical-last-item
    ) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(
      .ant-btn-compact-vertical-first-item
    ) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])
    + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) {
    position: relative;
  }

  .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])
    + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])::after {
    position: absolute;
    top: -1px;
    left: -1px;
    display: inline-block;
    width: calc(100% + 1px * 2);
    height: 1px;
    background-color: #165996;
    content: " ";
  }

  .ant-btn-rtl {
    direction: rtl;
  }

  .ant-btn-group-rtl.ant-btn-group
    .ant-btn-primary:last-child:not(:first-child),
  .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
    border-right-color: #165996;
    border-left-color: #434343;
  }

  .ant-btn-group-rtl.ant-btn-group
    .ant-btn-primary:last-child:not(:first-child)[disabled],
  .ant-btn-group-rtl.ant-btn-group
    .ant-btn-primary
    + .ant-btn-primary[disabled] {
    border-right-color: #434343;
    border-left-color: #165996;
  }

  .ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
    padding-right: 0;
    padding-left: 8px;
  }

  .ant-btn-rtl.ant-btn > .anticon + span,
  .ant-btn-rtl.ant-btn > span + .anticon {
    margin-right: 8px;
    margin-left: 0;
  }

  .ant-picker-calendar {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    background: #141414;
  }

  .ant-picker-calendar-header {
    display: flex;
    justify-content: flex-end;
    padding: 12px 0;
  }

  .ant-picker-calendar-header .ant-picker-calendar-year-select {
    min-width: 80px;
  }

  .ant-picker-calendar-header .ant-picker-calendar-month-select {
    min-width: 70px;
    margin-left: 8px;
  }

  .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
    margin-left: 8px;
  }

  .ant-picker-calendar .ant-picker-panel {
    background: #141414;
    border: 0;
    border-top: 1px solid #303030;
    border-radius: 0;
  }

  .ant-picker-calendar .ant-picker-panel .ant-picker-month-panel,
  .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel {
    width: auto;
  }

  .ant-picker-calendar .ant-picker-panel .ant-picker-body {
    padding: 8px 0;
  }

  .ant-picker-calendar .ant-picker-panel .ant-picker-content {
    width: 100%;
  }

  .ant-picker-calendar-mini {
    border-radius: 2px;
  }

  .ant-picker-calendar-mini .ant-picker-calendar-header {
    padding-right: 8px;
    padding-left: 8px;
  }

  .ant-picker-calendar-mini .ant-picker-panel {
    border-radius: 0 0 2px 2px;
  }

  .ant-picker-calendar-mini .ant-picker-content {
    height: 256px;
  }

  .ant-picker-calendar-mini .ant-picker-content th {
    height: auto;
    padding: 0;
    line-height: 18px;
  }

  .ant-picker-calendar-mini .ant-picker-cell::before {
    pointer-events: none;
  }

  .ant-picker-calendar-full .ant-picker-panel {
    display: block;
    width: 100%;
    text-align: right;
    background: #141414;
    border: 0;
  }

  .ant-picker-calendar-full .ant-picker-panel .ant-picker-body th,
  .ant-picker-calendar-full .ant-picker-panel .ant-picker-body td {
    padding: 0;
  }

  .ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
    height: auto;
    padding: 0 12px 5px 0;
    line-height: 18px;
  }

  .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before {
    display: none;
  }

  .ant-picker-calendar-full
    .ant-picker-panel
    .ant-picker-cell:hover
    .ant-picker-calendar-date {
    background: rgba(255, 255, 255, 0.08);
  }

  .ant-picker-calendar-full
    .ant-picker-panel
    .ant-picker-cell
    .ant-picker-calendar-date-today::before {
    display: none;
  }

  .ant-picker-calendar-full
    .ant-picker-panel
    .ant-picker-cell-selected
    .ant-picker-calendar-date,
  .ant-picker-calendar-full
    .ant-picker-panel
    .ant-picker-cell-selected:hover
    .ant-picker-calendar-date,
  .ant-picker-calendar-full
    .ant-picker-panel
    .ant-picker-cell-selected
    .ant-picker-calendar-date-today,
  .ant-picker-calendar-full
    .ant-picker-panel
    .ant-picker-cell-selected:hover
    .ant-picker-calendar-date-today {
    background: #111b26;
  }

  .ant-picker-calendar-full
    .ant-picker-panel
    .ant-picker-cell-selected
    .ant-picker-calendar-date
    .ant-picker-calendar-date-value,
  .ant-picker-calendar-full
    .ant-picker-panel
    .ant-picker-cell-selected:hover
    .ant-picker-calendar-date
    .ant-picker-calendar-date-value,
  .ant-picker-calendar-full
    .ant-picker-panel
    .ant-picker-cell-selected
    .ant-picker-calendar-date-today
    .ant-picker-calendar-date-value,
  .ant-picker-calendar-full
    .ant-picker-panel
    .ant-picker-cell-selected:hover
    .ant-picker-calendar-date-today
    .ant-picker-calendar-date-value {
    color: #177ddc;
  }

  .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
    display: block;
    width: auto;
    height: auto;
    margin: 0 4px;
    padding: 4px 8px 0;
    border: 0;
    border-top: 2px solid #303030;
    border-radius: 0;
    transition: background 0.3s;
  }

  .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
    line-height: 24px;
    transition: color 0.3s;
  }

  .ant-picker-calendar-full
    .ant-picker-panel
    .ant-picker-calendar-date-content {
    position: static;
    width: auto;
    height: 86px;
    overflow-y: auto;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.5715;
    text-align: left;
  }

  .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
    border-color: #177ddc;
  }

  .ant-picker-calendar-full
    .ant-picker-panel
    .ant-picker-calendar-date-today
    .ant-picker-calendar-date-value {
    color: rgba(255, 255, 255, 0.85);
  }

  @media only screen and (max-width: 480px) {
    .ant-picker-calendar-header {
      display: block;
    }

    .ant-picker-calendar-header .ant-picker-calendar-year-select {
      width: 50%;
    }

    .ant-picker-calendar-header .ant-picker-calendar-month-select {
      width: calc(50% - 8px);
    }

    .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
      width: 100%;
      margin-top: 8px;
      margin-left: 0;
    }

    .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label {
      width: 50%;
      text-align: center;
    }
  }

  .ant-picker-calendar-rtl {
    direction: rtl;
  }

  .ant-picker-calendar-rtl
    .ant-picker-calendar-header
    .ant-picker-calendar-month-select {
    margin-right: 8px;
    margin-left: 0;
  }

  .ant-picker-calendar-rtl
    .ant-picker-calendar-header
    .ant-picker-calendar-mode-switch {
    margin-right: 8px;
    margin-left: 0;
  }

  .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel {
    text-align: left;
  }

  .ant-picker-calendar-rtl.ant-picker-calendar-full
    .ant-picker-panel
    .ant-picker-body
    th {
    padding: 0 0 5px 12px;
  }

  .ant-picker-calendar-rtl.ant-picker-calendar-full
    .ant-picker-panel
    .ant-picker-calendar-date-content {
    text-align: right;
  }

  .ant-card {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    background: #141414;
    border-radius: 2px;
  }

  .ant-card-rtl {
    direction: rtl;
  }

  .ant-card-hoverable {
    cursor: pointer;
    transition: box-shadow 0.3s, border-color 0.3s;
  }

  .ant-card-hoverable:hover {
    border-color: transparent;
    box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.64),
      0 3px 6px 0 rgba(0, 0, 0, 0.48), 0 5px 12px 4px rgba(0, 0, 0, 0.36);
  }

  .ant-card-bordered {
    border: 1px solid #303030;
  }

  .ant-card-head {
    min-height: 48px;
    margin-bottom: -1px;
    padding: 0 24px;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
    font-size: 16px;
    background: 0 0;
    border-bottom: 1px solid #303030;
    border-radius: 2px 2px 0 0;
  }

  .ant-card-head::before {
    display: table;
    content: "";
  }

  .ant-card-head::after {
    display: table;
    clear: both;
    content: "";
  }

  .ant-card-head-wrapper {
    display: flex;
    align-items: center;
  }

  .ant-card-head-title {
    display: inline-block;
    flex: 1;
    padding: 16px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .ant-card-head-title > .ant-typography,
  .ant-card-head-title > .ant-typography-edit-content {
    left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .ant-card-head .ant-tabs-top {
    clear: both;
    margin-bottom: -17px;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    font-size: 14px;
  }

  .ant-card-head .ant-tabs-top-bar {
    border-bottom: 1px solid #303030;
  }

  .ant-card-extra {
    margin-left: auto;
    padding: 16px 0;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    font-size: 14px;
  }

  .ant-card-rtl .ant-card-extra {
    margin-right: auto;
    margin-left: 0;
  }

  .ant-card-body {
    padding: 24px;
  }

  .ant-card-body::before {
    display: table;
    content: "";
  }

  .ant-card-body::after {
    display: table;
    clear: both;
    content: "";
  }

  .ant-card-contain-grid .ant-card-body {
    display: flex;
    flex-wrap: wrap;
  }

  .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
    margin: -1px 0 0 -1px;
    padding: 0;
  }

  .ant-card-grid {
    width: 33.33%;
    padding: 24px;
    border: 0;
    border-radius: 0;
    box-shadow: 1px 0 0 0 #303030, 0 1px 0 0 #303030, 1px 1px 0 0 #303030,
      1px 0 0 0 #303030 inset, 0 1px 0 0 #303030 inset;
    transition: all 0.3s;
  }

  .ant-card-grid-hoverable:hover {
    position: relative;
    z-index: 1;
    box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.64),
      0 3px 6px 0 rgba(0, 0, 0, 0.48), 0 5px 12px 4px rgba(0, 0, 0, 0.36);
  }

  .ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
    min-height: 32px;
    padding-bottom: 0;
  }

  .ant-card-contain-tabs > .ant-card-head .ant-card-extra {
    padding-bottom: 0;
  }

  .ant-card-bordered .ant-card-cover {
    margin-top: -1px;
    margin-right: -1px;
    margin-left: -1px;
  }

  .ant-card-cover > * {
    display: block;
    width: 100%;
  }

  .ant-card-cover img {
    border-radius: 2px 2px 0 0;
  }

  .ant-card-actions {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #141414;
    border-top: 1px solid #303030;
  }

  .ant-card-actions::before {
    display: table;
    content: "";
  }

  .ant-card-actions::after {
    display: table;
    clear: both;
    content: "";
  }

  .ant-card-actions > li {
    margin: 12px 0;
    color: rgba(255, 255, 255, 0.45);
    text-align: center;
  }

  .ant-card-actions > li > span {
    position: relative;
    display: block;
    min-width: 32px;
    font-size: 14px;
    line-height: 1.5715;
    cursor: pointer;
  }

  .ant-card-actions > li > span:hover {
    color: #177ddc;
    transition: color 0.3s;
  }

  .ant-card-actions > li > span a:not(.ant-btn),
  .ant-card-actions > li > span > .anticon {
    display: inline-block;
    width: 100%;
    color: rgba(255, 255, 255, 0.45);
    line-height: 22px;
    transition: color 0.3s;
  }

  .ant-card-actions > li > span a:not(.ant-btn):hover,
  .ant-card-actions > li > span > .anticon:hover {
    color: #177ddc;
  }

  .ant-card-actions > li > span > .anticon {
    font-size: 16px;
    line-height: 22px;
  }

  .ant-card-actions > li:not(:last-child) {
    border-right: 1px solid #303030;
  }

  .ant-card-rtl .ant-card-actions > li:not(:last-child) {
    border-right: none;
    border-left: 1px solid #303030;
  }

  .ant-card-type-inner .ant-card-head {
    padding: 0 24px;
    background: rgba(255, 255, 255, 0.04);
  }

  .ant-card-type-inner .ant-card-head-title {
    padding: 12px 0;
    font-size: 14px;
  }

  .ant-card-type-inner .ant-card-body {
    padding: 16px 24px;
  }

  .ant-card-type-inner .ant-card-extra {
    padding: 13.5px 0;
  }

  .ant-card-meta {
    display: flex;
    margin: -4px 0;
  }

  .ant-card-meta::before {
    display: table;
    content: "";
  }

  .ant-card-meta::after {
    display: table;
    clear: both;
    content: "";
  }

  .ant-card-meta-avatar {
    padding-right: 16px;
  }

  .ant-card-rtl .ant-card-meta-avatar {
    padding-right: 0;
    padding-left: 16px;
  }

  .ant-card-meta-detail {
    flex: 1;
    overflow: hidden;
  }

  .ant-card-meta-detail > div:not(:last-child) {
    margin-bottom: 8px;
  }

  .ant-card-meta-title {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .ant-card-meta-description {
    color: rgba(255, 255, 255, 0.45);
  }

  .ant-card-loading {
    overflow: hidden;
  }

  .ant-card-loading .ant-card-body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-card-small > .ant-card-head {
    min-height: 36px;
    padding: 0 12px;
    font-size: 14px;
  }

  .ant-card-small
    > .ant-card-head
    > .ant-card-head-wrapper
    > .ant-card-head-title {
    padding: 8px 0;
  }

  .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
    padding: 8px 0;
    font-size: 14px;
  }

  .ant-card-small > .ant-card-body {
    padding: 12px;
  }

  .ant-carousel {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
  }

  .ant-carousel .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
  }

  .ant-carousel .slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

  .ant-carousel .slick-list:focus {
    outline: none;
  }

  .ant-carousel .slick-list.dragging {
    cursor: pointer;
  }

  .ant-carousel .slick-list .slick-slide {
    pointer-events: none;
  }

  .ant-carousel .slick-list .slick-slide input.ant-radio-input,
  .ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
    visibility: hidden;
  }

  .ant-carousel .slick-list .slick-slide.slick-active {
    pointer-events: auto;
  }

  .ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
  .ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
    visibility: visible;
  }

  .ant-carousel .slick-list .slick-slide > div > div {
    vertical-align: bottom;
  }

  .ant-carousel .slick-slider .slick-track,
  .ant-carousel .slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
    touch-action: pan-y;
  }

  .ant-carousel .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
  }

  .ant-carousel .slick-track::before,
  .ant-carousel .slick-track::after {
    display: table;
    content: "";
  }

  .ant-carousel .slick-track::after {
    clear: both;
  }

  .slick-loading .ant-carousel .slick-track {
    visibility: hidden;
  }

  .ant-carousel .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
  }

  .ant-carousel .slick-slide img {
    display: block;
  }

  .ant-carousel .slick-slide.slick-loading img {
    display: none;
  }

  .ant-carousel .slick-slide.dragging img {
    pointer-events: none;
  }

  .ant-carousel .slick-initialized .slick-slide {
    display: block;
  }

  .ant-carousel .slick-loading .slick-slide {
    visibility: hidden;
  }

  .ant-carousel .slick-vertical .slick-slide {
    display: block;
    height: auto;
  }

  .ant-carousel .slick-arrow.slick-hidden {
    display: none;
  }

  .ant-carousel .slick-prev,
  .ant-carousel .slick-next {
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    color: transparent;
    font-size: 0;
    line-height: 0;
    background: 0 0;
    border: 0;
    outline: none;
    cursor: pointer;
  }

  .ant-carousel .slick-prev:hover,
  .ant-carousel .slick-next:hover,
  .ant-carousel .slick-prev:focus,
  .ant-carousel .slick-next:focus {
    color: transparent;
    background: 0 0;
    outline: none;
  }

  .ant-carousel .slick-prev:hover::before,
  .ant-carousel .slick-next:hover::before,
  .ant-carousel .slick-prev:focus::before,
  .ant-carousel .slick-next:focus::before {
    opacity: 1;
  }

  .ant-carousel .slick-prev.slick-disabled::before,
  .ant-carousel .slick-next.slick-disabled::before {
    opacity: 0.25;
  }

  .ant-carousel .slick-prev {
    left: -25px;
  }

  .ant-carousel .slick-prev::before {
    content: "←";
  }

  .ant-carousel .slick-next {
    right: -25px;
  }

  .ant-carousel .slick-next::before {
    content: "→";
  }

  .ant-carousel .slick-dots {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex !important;
    justify-content: center;
    margin-right: 15%;
    margin-bottom: 0;
    margin-left: 15%;
    padding-left: 0;
    list-style: none;
  }

  .ant-carousel .slick-dots-bottom {
    bottom: 12px;
  }

  .ant-carousel .slick-dots-top {
    top: 12px;
    bottom: auto;
  }

  .ant-carousel .slick-dots li {
    position: relative;
    display: inline-block;
    flex: 0 1 auto;
    box-sizing: content-box;
    width: 16px;
    height: 3px;
    margin: 0 4px;
    padding: 0;
    text-align: center;
    text-indent: -999px;
    vertical-align: top;
    transition: all 0.5s;
  }

  .ant-carousel .slick-dots li button {
    position: relative;
    display: block;
    width: 100%;
    height: 3px;
    padding: 0;
    color: transparent;
    font-size: 0;
    background: #141414;
    border: 0;
    border-radius: 1px;
    outline: none;
    cursor: pointer;
    opacity: 0.3;
    transition: all 0.5s;
  }

  .ant-carousel .slick-dots li button:hover,
  .ant-carousel .slick-dots li button:focus {
    opacity: 0.75;
  }

  .ant-carousel .slick-dots li button::after {
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    content: "";
  }

  .ant-carousel .slick-dots li.slick-active {
    width: 24px;
  }

  .ant-carousel .slick-dots li.slick-active button {
    background: #141414;
    opacity: 1;
  }

  .ant-carousel .slick-dots li.slick-active:hover,
  .ant-carousel .slick-dots li.slick-active:focus {
    opacity: 1;
  }

  .ant-carousel-vertical .slick-dots {
    top: 50%;
    bottom: auto;
    flex-direction: column;
    width: 3px;
    height: auto;
    margin: 0;
    transform: translateY(-50%);
  }

  .ant-carousel-vertical .slick-dots-left {
    right: auto;
    left: 12px;
  }

  .ant-carousel-vertical .slick-dots-right {
    right: 12px;
    left: auto;
  }

  .ant-carousel-vertical .slick-dots li {
    width: 3px;
    height: 16px;
    margin: 4px 0;
    vertical-align: baseline;
  }

  .ant-carousel-vertical .slick-dots li button {
    width: 3px;
    height: 16px;
  }

  .ant-carousel-vertical .slick-dots li.slick-active {
    width: 3px;
    height: 24px;
  }

  .ant-carousel-vertical .slick-dots li.slick-active button {
    width: 3px;
    height: 24px;
  }

  .ant-carousel-rtl {
    direction: rtl;
  }

  .ant-carousel-rtl .ant-carousel .slick-track {
    right: 0;
    left: auto;
  }

  .ant-carousel-rtl .ant-carousel .slick-prev {
    right: -25px;
    left: auto;
  }

  .ant-carousel-rtl .ant-carousel .slick-prev::before {
    content: "→";
  }

  .ant-carousel-rtl .ant-carousel .slick-next {
    right: auto;
    left: -25px;
  }

  .ant-carousel-rtl .ant-carousel .slick-next::before {
    content: "←";
  }

  .ant-carousel-rtl.ant-carousel .slick-dots {
    flex-direction: row-reverse;
  }

  .ant-carousel-rtl.ant-carousel-vertical .slick-dots {
    flex-direction: column;
  }

  @keyframes antCheckboxEffect {
    0% {
      transform: scale(1);
      opacity: 0.5;
    }

    100% {
      transform: scale(1.6);
      opacity: 0;
    }
  }

  .ant-cascader-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: 0.2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer;
  }

  .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner,
  .ant-cascader-checkbox:hover .ant-cascader-checkbox-inner,
  .ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner {
    border-color: #177ddc;
  }

  .ant-cascader-checkbox-checked::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #177ddc;
    border-radius: 2px;
    visibility: hidden;
    animation: antCheckboxEffect 0.36s ease-in-out;
    animation-fill-mode: backwards;
    content: "";
  }

  .ant-cascader-checkbox:hover::after,
  .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox::after {
    visibility: visible;
  }

  .ant-cascader-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    direction: ltr;
    background-color: transparent;
    border: 1px solid #434343;
    border-radius: 2px;
    border-collapse: separate;
    transition: all 0.3s;
  }

  .ant-cascader-checkbox-inner::after {
    position: absolute;
    top: 50%;
    left: 21.5%;
    display: table;
    width: 5.71428571px;
    height: 9.14285714px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
    content: " ";
  }

  .ant-cascader-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
  }

  .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    opacity: 1;
    transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    content: " ";
  }

  .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner {
    background-color: #177ddc;
    border-color: #177ddc;
  }

  .ant-cascader-checkbox-disabled {
    cursor: not-allowed;
  }

  .ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked
    .ant-cascader-checkbox-inner::after {
    border-color: rgba(255, 255, 255, 0.3);
    animation-name: none;
  }

  .ant-cascader-checkbox-disabled .ant-cascader-checkbox-input {
    cursor: not-allowed;
    pointer-events: none;
  }

  .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343 !important;
  }

  .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after {
    border-color: rgba(255, 255, 255, 0.08);
    border-collapse: separate;
    animation-name: none;
  }

  .ant-cascader-checkbox-disabled + span {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  .ant-cascader-checkbox-disabled:hover::after,
  .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-disabled::after {
    visibility: hidden;
  }

  .ant-cascader-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-flex;
    align-items: baseline;
    line-height: unset;
    cursor: pointer;
  }

  .ant-cascader-checkbox-wrapper::after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0";
  }

  .ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-disabled {
    cursor: not-allowed;
  }

  .ant-cascader-checkbox-wrapper + .ant-cascader-checkbox-wrapper {
    margin-left: 8px;
  }

  .ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-in-form-item
    input[type="checkbox"] {
    width: 14px;
    height: 14px;
  }

  .ant-cascader-checkbox + span {
    padding-right: 8px;
    padding-left: 8px;
  }

  .ant-cascader-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
  }

  .ant-cascader-checkbox-group-item {
    margin-right: 8px;
  }

  .ant-cascader-checkbox-group-item:last-child {
    margin-right: 0;
  }

  .ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item {
    margin-left: 0;
  }

  .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner {
    background-color: transparent;
    border-color: #434343;
  }

  .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: #177ddc;
    border: 0;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: " ";
  }

  .ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled
    .ant-cascader-checkbox-inner::after {
    background-color: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.3);
  }

  .ant-cascader {
    width: 184px;
  }

  .ant-cascader-checkbox {
    top: 0;
    margin-right: 8px;
  }

  .ant-cascader-menus {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
  }

  .ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu {
    width: 100%;
    height: auto;
  }

  .ant-cascader-menu {
    flex-grow: 1;
    min-width: 111px;
    height: 180px;
    margin: 0;
    margin: -4px 0;
    padding: 4px 0;
    overflow: auto;
    vertical-align: top;
    list-style: none;
    border-right: 1px solid #303030;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .ant-cascader-menu-item {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 5px 12px;
    overflow: hidden;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all 0.3s;
  }

  .ant-cascader-menu-item:hover {
    background: rgba(255, 255, 255, 0.08);
  }

  .ant-cascader-menu-item-disabled {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  .ant-cascader-menu-item-disabled:hover {
    background: 0 0;
  }

  .ant-cascader-menu-empty .ant-cascader-menu-item {
    color: rgba(255, 255, 255, 0.3);
    cursor: default;
    pointer-events: none;
  }

  .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
  .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
    font-weight: 600;
    background-color: #111b26;
  }

  .ant-cascader-menu-item-content {
    flex: auto;
  }

  .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
  .ant-cascader-menu-item-loading-icon {
    margin-left: 4px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 10px;
  }

  .ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand
    .ant-cascader-menu-item-expand-icon,
  .ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon {
    color: rgba(255, 255, 255, 0.3);
  }

  .ant-cascader-menu-item-keyword {
    color: #a61d24;
  }

  .ant-cascader-compact-item:not(.ant-cascader-compact-last-item):not(
      .ant-cascader-compact-item-rtl
    ) {
    margin-right: -1px;
  }

  .ant-cascader-compact-item:not(
      .ant-cascader-compact-last-item
    ).ant-cascader-compact-item-rtl {
    margin-left: -1px;
  }

  .ant-cascader-compact-item:hover,
  .ant-cascader-compact-item:focus,
  .ant-cascader-compact-item:active {
    z-index: 2;
  }

  .ant-cascader-compact-item[disabled] {
    z-index: 0;
  }

  .ant-cascader-compact-item:not(.ant-cascader-compact-first-item):not(
      .ant-cascader-compact-last-item
    ).ant-cascader {
    border-radius: 0;
  }

  .ant-cascader-compact-item.ant-cascader.ant-cascader-compact-first-item:not(
      .ant-cascader-compact-last-item
    ):not(.ant-cascader-compact-item-rtl) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-cascader-compact-item.ant-cascader.ant-cascader-compact-last-item:not(
      .ant-cascader-compact-first-item
    ):not(.ant-cascader-compact-item-rtl) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-first-item:not(
      .ant-cascader-compact-last-item
    ) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-last-item:not(
      .ant-cascader-compact-first-item
    ) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-cascader-rtl .ant-cascader-menu-item-expand-icon,
  .ant-cascader-rtl .ant-cascader-menu-item-loading-icon {
    margin-right: 4px;
    margin-left: 0;
  }

  .ant-cascader-rtl .ant-cascader-checkbox {
    top: 0;
    margin-right: 0;
    margin-left: 8px;
  }

  @keyframes antCheckboxEffect {
    0% {
      transform: scale(1);
      opacity: 0.5;
    }

    100% {
      transform: scale(1.6);
      opacity: 0;
    }
  }

  .ant-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: 0.2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer;
  }

  .ant-checkbox-wrapper:hover .ant-checkbox-inner,
  .ant-checkbox:hover .ant-checkbox-inner,
  .ant-checkbox-input:focus + .ant-checkbox-inner {
    border-color: #177ddc;
  }

  .ant-checkbox-checked::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #177ddc;
    border-radius: 2px;
    visibility: hidden;
    animation: antCheckboxEffect 0.36s ease-in-out;
    animation-fill-mode: backwards;
    content: "";
  }

  .ant-checkbox:hover::after,
  .ant-checkbox-wrapper:hover .ant-checkbox::after {
    visibility: visible;
  }

  .ant-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    direction: ltr;
    background-color: transparent;
    border: 1px solid #434343;
    border-radius: 2px;
    border-collapse: separate;
    transition: all 0.3s;
  }

  .ant-checkbox-inner::after {
    position: absolute;
    top: 50%;
    left: 21.5%;
    display: table;
    width: 5.71428571px;
    height: 9.14285714px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
    content: " ";
  }

  .ant-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
  }

  .ant-checkbox-checked .ant-checkbox-inner::after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    opacity: 1;
    transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    content: " ";
  }

  .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #177ddc;
    border-color: #177ddc;
  }

  .ant-checkbox-disabled {
    cursor: not-allowed;
  }

  .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
    border-color: rgba(255, 255, 255, 0.3);
    animation-name: none;
  }

  .ant-checkbox-disabled .ant-checkbox-input {
    cursor: not-allowed;
    pointer-events: none;
  }

  .ant-checkbox-disabled .ant-checkbox-inner {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343 !important;
  }

  .ant-checkbox-disabled .ant-checkbox-inner::after {
    border-color: rgba(255, 255, 255, 0.08);
    border-collapse: separate;
    animation-name: none;
  }

  .ant-checkbox-disabled + span {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  .ant-checkbox-disabled:hover::after,
  .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
    visibility: hidden;
  }

  .ant-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-flex;
    align-items: baseline;
    line-height: unset;
    cursor: pointer;
  }

  .ant-checkbox-wrapper::after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0";
  }

  .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
    cursor: not-allowed;
  }

  .ant-checkbox-wrapper + .ant-checkbox-wrapper {
    margin-left: 8px;
  }

  .ant-checkbox-wrapper.ant-checkbox-wrapper-in-form-item
    input[type="checkbox"] {
    width: 14px;
    height: 14px;
  }

  .ant-checkbox + span {
    padding-right: 8px;
    padding-left: 8px;
  }

  .ant-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
  }

  .ant-checkbox-group-item {
    margin-right: 8px;
  }

  .ant-checkbox-group-item:last-child {
    margin-right: 0;
  }

  .ant-checkbox-group-item + .ant-checkbox-group-item {
    margin-left: 0;
  }

  .ant-checkbox-indeterminate .ant-checkbox-inner {
    background-color: transparent;
    border-color: #434343;
  }

  .ant-checkbox-indeterminate .ant-checkbox-inner::after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: #177ddc;
    border: 0;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: " ";
  }

  .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
    background-color: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.3);
  }

  .ant-checkbox-rtl {
    direction: rtl;
  }

  .ant-checkbox-group-rtl .ant-checkbox-group-item {
    margin-right: 0;
    margin-left: 8px;
  }

  .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
    margin-left: 0 !important;
  }

  .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
    margin-left: 8px;
  }

  .ant-collapse {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid #434343;
    border-bottom: 0;
    border-radius: 2px;
  }

  .ant-collapse > .ant-collapse-item {
    border-bottom: 1px solid #434343;
  }

  .ant-collapse > .ant-collapse-item:last-child,
  .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
    border-radius: 0 0 2px 2px;
  }

  .ant-collapse > .ant-collapse-item > .ant-collapse-header {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 12px 16px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.5715;
    cursor: pointer;
    transition: all 0.3s, visibility 0s;
  }

  .ant-collapse
    > .ant-collapse-item
    > .ant-collapse-header
    .ant-collapse-arrow {
    display: inline-block;
    margin-right: 12px;
    font-size: 12px;
    vertical-align: -1px;
  }

  .ant-collapse
    > .ant-collapse-item
    > .ant-collapse-header
    .ant-collapse-arrow
    svg {
    transition: transform 0.24s;
  }

  .ant-collapse
    > .ant-collapse-item
    > .ant-collapse-header
    .ant-collapse-header-text {
    flex: auto;
  }

  .ant-collapse
    > .ant-collapse-item
    > .ant-collapse-header
    .ant-collapse-extra {
    margin-left: auto;
  }

  .ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
    outline: none;
  }

  .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {
    cursor: default;
  }

  .ant-collapse
    > .ant-collapse-item
    .ant-collapse-header-collapsible-only
    .ant-collapse-header-text {
    flex: none;
    cursor: pointer;
  }

  .ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only {
    cursor: default;
  }

  .ant-collapse
    > .ant-collapse-item
    .ant-collapse-icon-collapsible-only
    .ant-collapse-expand-icon {
    cursor: pointer;
  }

  .ant-collapse
    > .ant-collapse-item.ant-collapse-no-arrow
    > .ant-collapse-header {
    padding-left: 12px;
  }

  .ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header {
    position: relative;
    padding: 12px 16px;
    padding-right: 40px;
  }

  .ant-collapse-icon-position-end
    > .ant-collapse-item
    > .ant-collapse-header
    .ant-collapse-arrow {
    position: absolute;
    top: 50%;
    right: 16px;
    left: auto;
    margin: 0;
    transform: translateY(-50%);
  }

  .ant-collapse-content {
    color: rgba(255, 255, 255, 0.85);
    background-color: #141414;
    border-top: 1px solid #434343;
  }

  .ant-collapse-content > .ant-collapse-content-box {
    padding: 16px;
  }

  .ant-collapse-content-hidden {
    display: none;
  }

  .ant-collapse-item:last-child > .ant-collapse-content {
    border-radius: 0 0 2px 2px;
  }

  .ant-collapse-borderless {
    background-color: rgba(255, 255, 255, 0.04);
    border: 0;
  }

  .ant-collapse-borderless > .ant-collapse-item {
    border-bottom: 1px solid #434343;
  }

  .ant-collapse-borderless > .ant-collapse-item:last-child,
  .ant-collapse-borderless
    > .ant-collapse-item:last-child
    .ant-collapse-header {
    border-radius: 0;
  }

  .ant-collapse-borderless > .ant-collapse-item:last-child {
    border-bottom: 0;
  }

  .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
    background-color: transparent;
    border-top: 0;
  }

  .ant-collapse-borderless
    > .ant-collapse-item
    > .ant-collapse-content
    > .ant-collapse-content-box {
    padding-top: 4px;
  }

  .ant-collapse-ghost {
    background-color: transparent;
    border: 0;
  }

  .ant-collapse-ghost > .ant-collapse-item {
    border-bottom: 0;
  }

  .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {
    background-color: transparent;
    border-top: 0;
  }

  .ant-collapse-ghost
    > .ant-collapse-item
    > .ant-collapse-content
    > .ant-collapse-content-box {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
  .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  .ant-collapse-rtl {
    direction: rtl;
  }

  .ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end
    > .ant-collapse-item
    > .ant-collapse-header {
    position: relative;
    padding: 12px 16px;
    padding-left: 40px;
  }

  .ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end
    > .ant-collapse-item
    > .ant-collapse-header
    .ant-collapse-arrow {
    position: absolute;
    top: 50%;
    right: auto;
    left: 16px;
    margin: 0;
    transform: translateY(-50%);
  }

  .ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {
    padding: 12px 16px;
    padding-right: 40px;
  }

  .ant-collapse-rtl.ant-collapse
    > .ant-collapse-item
    > .ant-collapse-header
    .ant-collapse-arrow {
    margin-right: 0;
    margin-left: 12px;
  }

  .ant-collapse-rtl.ant-collapse
    > .ant-collapse-item
    > .ant-collapse-header
    .ant-collapse-arrow
    svg {
    transform: rotate(180deg);
  }

  .ant-collapse-rtl.ant-collapse
    > .ant-collapse-item
    > .ant-collapse-header
    .ant-collapse-extra {
    margin-right: auto;
    margin-left: 0;
  }

  .ant-collapse-rtl.ant-collapse
    > .ant-collapse-item.ant-collapse-no-arrow
    > .ant-collapse-header {
    padding-right: 12px;
    padding-left: 0;
  }

  .ant-comment {
    position: relative;
    background-color: transparent;
  }

  .ant-comment-inner {
    display: flex;
    padding: 16px 0;
  }

  .ant-comment-avatar {
    position: relative;
    flex-shrink: 0;
    margin-right: 12px;
    cursor: pointer;
  }

  .ant-comment-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
  }

  .ant-comment-content {
    position: relative;
    flex: 1 1 auto;
    min-width: 1px;
    font-size: 14px;
    word-wrap: break-word;
  }

  .ant-comment-content-author {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 4px;
    font-size: 14px;
  }

  .ant-comment-content-author > a,
  .ant-comment-content-author > span {
    padding-right: 8px;
    font-size: 12px;
    line-height: 18px;
  }

  .ant-comment-content-author-name {
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
    transition: color 0.3s;
  }

  .ant-comment-content-author-name > * {
    color: rgba(255, 255, 255, 0.45);
  }

  .ant-comment-content-author-name > *:hover {
    color: rgba(255, 255, 255, 0.45);
  }

  .ant-comment-content-author-time {
    color: rgba(255, 255, 255, 0.3);
    white-space: nowrap;
    cursor: auto;
  }

  .ant-comment-content-detail p {
    margin-bottom: inherit;
    white-space: pre-wrap;
  }

  .ant-comment-actions {
    margin-top: 12px;
    margin-bottom: inherit;
    padding-left: 0;
  }

  .ant-comment-actions > li {
    display: inline-block;
    color: rgba(255, 255, 255, 0.45);
  }

  .ant-comment-actions > li > span {
    margin-right: 10px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 12px;
    cursor: pointer;
    transition: color 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-comment-actions > li > span:hover {
    color: rgba(255, 255, 255, 0.65);
  }

  .ant-comment-nested {
    margin-left: 44px;
  }

  .ant-comment-rtl {
    direction: rtl;
  }

  .ant-comment-rtl .ant-comment-avatar {
    margin-right: 0;
    margin-left: 12px;
  }

  .ant-comment-rtl .ant-comment-content-author > a,
  .ant-comment-rtl .ant-comment-content-author > span {
    padding-right: 0;
    padding-left: 8px;
  }

  .ant-comment-rtl .ant-comment-actions {
    padding-right: 0;
  }

  .ant-comment-rtl .ant-comment-actions > li > span {
    margin-right: 0;
    margin-left: 10px;
  }

  .ant-comment-rtl .ant-comment-nested {
    margin-right: 44px;
    margin-left: 0;
  }

  .ant-picker-status-error.ant-picker,
  .ant-picker-status-error.ant-picker:not(.ant-picker-disabled):hover {
    background-color: transparent;
    border-color: #a61d24;
  }

  .ant-picker-status-error.ant-picker-focused,
  .ant-picker-status-error.ant-picker:focus {
    border-color: #a61d24;
    box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-picker-status-error.ant-picker .ant-picker-active-bar {
    background: #b33b3d;
  }

  .ant-picker-status-warning.ant-picker,
  .ant-picker-status-warning.ant-picker:not(.ant-picker-disabled):hover {
    background-color: transparent;
    border-color: #d89614;
  }

  .ant-picker-status-warning.ant-picker-focused,
  .ant-picker-status-warning.ant-picker:focus {
    border-color: #d89614;
    box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-picker-status-warning.ant-picker .ant-picker-active-bar {
    background: #e6b239;
  }

  .ant-picker {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    padding: 4px 11px;
    position: relative;
    display: inline-flex;
    align-items: center;
    background: 0 0;
    border: 1px solid #434343;
    border-radius: 2px;
    transition: border 0.3s, box-shadow 0.3s;
  }

  .ant-picker:hover,
  .ant-picker-focused {
    border-color: #165996;
    border-right-width: 1px;
  }

  .ant-picker-focused {
    border-color: #177ddc;
    box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-picker.ant-picker-disabled {
    background: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    cursor: not-allowed;
  }

  .ant-picker.ant-picker-disabled .ant-picker-suffix {
    color: rgba(255, 255, 255, 0.3);
  }

  .ant-picker.ant-picker-borderless {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }

  .ant-picker-input {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
  }

  .ant-picker-input > input {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: transparent;
    background-image: none;
    border: 1px solid #434343;
    border-radius: 2px;
    transition: all 0.3s;
    flex: auto;
    min-width: 1px;
    height: auto;
    padding: 0;
    background: 0 0;
    border: 0;
  }

  .ant-picker-input > input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.3);
    -moz-user-select: none;
    user-select: none;
  }

  .ant-picker-input > input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
    -ms-user-select: none;
    user-select: none;
  }

  .ant-picker-input > input::placeholder {
    color: rgba(255, 255, 255, 0.3);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-picker-input > input:-moz-placeholder-shown {
    text-overflow: ellipsis;
  }

  .ant-picker-input > input:-ms-input-placeholder {
    text-overflow: ellipsis;
  }

  .ant-picker-input > input:placeholder-shown {
    text-overflow: ellipsis;
  }

  .ant-picker-input > input:hover {
    border-color: #165996;
    border-right-width: 1px;
  }

  .ant-picker-input > input:focus,
  .ant-picker-input > input-focused {
    border-color: #177ddc;
    box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-picker-input > input-disabled {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }

  .ant-picker-input > input-disabled:hover {
    border-color: #434343;
    border-right-width: 1px;
  }

  .ant-picker-input > input[disabled] {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }

  .ant-picker-input > input[disabled]:hover {
    border-color: #434343;
    border-right-width: 1px;
  }

  .ant-picker-input > input-borderless,
  .ant-picker-input > input-borderless:hover,
  .ant-picker-input > input-borderless:focus,
  .ant-picker-input > input-borderless-focused,
  .ant-picker-input > input-borderless-disabled,
  .ant-picker-input > input-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none;
  }

  textarea.ant-picker-input > input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all 0.3s, height 0s;
  }

  .ant-picker-input > input-lg {
    padding: 6.5px 11px;
    font-size: 16px;
  }

  .ant-picker-input > input-sm {
    padding: 0 7px;
  }

  .ant-picker-input > input:focus {
    box-shadow: none;
  }

  .ant-picker-input > input[disabled] {
    background: 0 0;
  }

  .ant-picker-input:hover .ant-picker-clear {
    opacity: 1;
  }

  .ant-picker-input-placeholder > input {
    color: rgba(255, 255, 255, 0.3);
  }

  .ant-picker-large {
    padding: 6.5px 11px;
  }

  .ant-picker-large .ant-picker-input > input {
    font-size: 16px;
  }

  .ant-picker-small {
    padding: 0 7px;
  }

  .ant-picker-suffix {
    display: flex;
    flex: none;
    align-self: center;
    margin-left: 4px;
    color: rgba(255, 255, 255, 0.3);
    line-height: 1;
    pointer-events: none;
  }

  .ant-picker-suffix > * {
    vertical-align: top;
  }

  .ant-picker-suffix > *:not(:last-child) {
    margin-right: 8px;
  }

  .ant-picker-clear {
    position: absolute;
    top: 50%;
    right: 0;
    color: rgba(255, 255, 255, 0.3);
    line-height: 1;
    background: #141414;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s, color 0.3s;
  }

  .ant-picker-clear > * {
    vertical-align: top;
  }

  .ant-picker-clear:hover {
    color: rgba(255, 255, 255, 0.45);
  }

  .ant-picker-separator {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 16px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 16px;
    vertical-align: top;
    cursor: default;
  }

  .ant-picker-focused .ant-picker-separator {
    color: rgba(255, 255, 255, 0.45);
  }

  .ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
    cursor: not-allowed;
  }

  .ant-picker-range {
    position: relative;
    display: inline-flex;
  }

  .ant-picker-range .ant-picker-clear {
    right: 11px;
  }

  .ant-picker-range:hover .ant-picker-clear {
    opacity: 1;
  }

  .ant-picker-range .ant-picker-active-bar {
    bottom: -1px;
    height: 2px;
    margin-left: 11px;
    background: #177ddc;
    opacity: 0;
    transition: all 0.3s ease-out;
    pointer-events: none;
  }

  .ant-picker-range.ant-picker-focused .ant-picker-active-bar {
    opacity: 1;
  }

  .ant-picker-range-separator {
    align-items: center;
    padding: 0 8px;
    line-height: 1;
  }

  .ant-picker-range.ant-picker-small .ant-picker-clear {
    right: 7px;
  }

  .ant-picker-range.ant-picker-small .ant-picker-active-bar {
    margin-left: 7px;
  }

  .ant-picker-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
  }

  .ant-picker-dropdown-hidden {
    display: none;
  }

  .ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
    top: 2.58561808px;
    display: block;
    transform: rotate(-135deg) translateY(1px);
  }

  .ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
    bottom: 2.58561808px;
    display: block;
    transform: rotate(45deg);
  }

  .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,
  .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight,
  .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft,
  .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight {
    animation-name: antSlideDownIn;
  }

  .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,
  .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight,
  .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,
  .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight {
    animation-name: antSlideUpIn;
  }

  .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft,
  .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight {
    animation-name: antSlideDownOut;
  }

  .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,
  .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight {
    animation-name: antSlideUpOut;
  }

  .ant-picker-dropdown-range {
    padding: 7.54247233px 0;
  }

  .ant-picker-dropdown-range-hidden {
    display: none;
  }

  .ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel {
    padding-top: 4px;
  }

  .ant-picker-ranges {
    margin-bottom: 0;
    padding: 4px 12px;
    overflow: hidden;
    line-height: 34px;
    text-align: left;
    list-style: none;
  }

  .ant-picker-ranges > li {
    display: inline-block;
  }

  .ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
    color: #177ddc;
    background: #111b26;
    border-color: #153450;
    cursor: pointer;
  }

  .ant-picker-ranges .ant-picker-ok {
    float: right;
    margin-left: 8px;
  }

  .ant-picker-range-wrapper {
    display: flex;
  }

  .ant-picker-range-arrow {
    position: absolute;
    z-index: 1;
    width: 11.3137085px;
    height: 11.3137085px;
    margin-left: 16.5px;
    box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
    transition: left 0.3s ease-out;
    border-radius: 0 0 2px;
    pointer-events: none;
  }

  .ant-picker-range-arrow::before {
    position: absolute;
    top: -11.3137085px;
    left: -11.3137085px;
    width: 33.9411255px;
    height: 33.9411255px;
    background: #1f1f1f;
    background-repeat: no-repeat;
    background-position: -10px -10px;
    content: "";
    -webkit-clip-path: inset(33% 33%);
    clip-path: inset(33% 33%);
    -webkit-clip-path: path(
      "M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z"
    );
    clip-path: path(
      "M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z"
    );
  }

  .ant-picker-panel-container {
    overflow: hidden;
    vertical-align: top;
    background: #1f1f1f;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
    transition: margin 0.3s;
  }

  .ant-picker-panel-container .ant-picker-panels {
    display: inline-flex;
    flex-wrap: nowrap;
    direction: ltr;
  }

  .ant-picker-panel-container .ant-picker-panel {
    vertical-align: top;
    background: 0 0;
    border-width: 0 0 1px;
    border-radius: 0;
  }

  .ant-picker-panel-container .ant-picker-panel .ant-picker-content,
  .ant-picker-panel-container .ant-picker-panel table {
    text-align: center;
  }

  .ant-picker-panel-container .ant-picker-panel-focused {
    border-color: #303030;
  }

  .ant-picker-compact-item:not(.ant-picker-compact-last-item):not(
      .ant-picker-compact-item-rtl
    ) {
    margin-right: -1px;
  }

  .ant-picker-compact-item:not(
      .ant-picker-compact-last-item
    ).ant-picker-compact-item-rtl {
    margin-left: -1px;
  }

  .ant-picker-compact-item:hover,
  .ant-picker-compact-item:focus,
  .ant-picker-compact-item:active {
    z-index: 2;
  }

  .ant-picker-compact-item.ant-picker-focused {
    z-index: 2;
  }

  .ant-picker-compact-item[disabled] {
    z-index: 0;
  }

  .ant-picker-compact-item:not(.ant-picker-compact-first-item):not(
      .ant-picker-compact-last-item
    ).ant-picker {
    border-radius: 0;
  }

  .ant-picker-compact-item.ant-picker.ant-picker-compact-first-item:not(
      .ant-picker-compact-last-item
    ):not(.ant-picker-compact-item-rtl) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-picker-compact-item.ant-picker.ant-picker-compact-last-item:not(
      .ant-picker-compact-first-item
    ):not(.ant-picker-compact-item-rtl) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-first-item:not(
      .ant-picker-compact-last-item
    ) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-last-item:not(
      .ant-picker-compact-first-item
    ) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-picker-panel {
    display: inline-flex;
    flex-direction: column;
    text-align: center;
    background: #1f1f1f;
    border: 1px solid #303030;
    border-radius: 2px;
    outline: none;
  }

  .ant-picker-panel-focused {
    border-color: #177ddc;
  }

  .ant-picker-decade-panel,
  .ant-picker-year-panel,
  .ant-picker-quarter-panel,
  .ant-picker-month-panel,
  .ant-picker-week-panel,
  .ant-picker-date-panel,
  .ant-picker-time-panel {
    display: flex;
    flex-direction: column;
    width: 280px;
  }

  .ant-picker-header {
    display: flex;
    padding: 0 8px;
    color: rgba(255, 255, 255, 0.85);
    border-bottom: 1px solid #303030;
  }

  .ant-picker-header > * {
    flex: none;
  }

  .ant-picker-header button {
    padding: 0;
    color: rgba(255, 255, 255, 0.3);
    line-height: 40px;
    background: 0 0;
    border: 0;
    cursor: pointer;
    transition: color 0.3s;
  }

  .ant-picker-header > button {
    min-width: 1.6em;
    font-size: 14px;
  }

  .ant-picker-header > button:hover {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-picker-header-view {
    flex: auto;
    font-weight: 500;
    line-height: 40px;
  }

  .ant-picker-header-view button {
    color: inherit;
    font-weight: inherit;
  }

  .ant-picker-header-view button:not(:first-child) {
    margin-left: 8px;
  }

  .ant-picker-header-view button:hover {
    color: #177ddc;
  }

  .ant-picker-prev-icon,
  .ant-picker-next-icon,
  .ant-picker-super-prev-icon,
  .ant-picker-super-next-icon {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 7px;
  }

  .ant-picker-prev-icon::before,
  .ant-picker-next-icon::before,
  .ant-picker-super-prev-icon::before,
  .ant-picker-super-next-icon::before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 0 solid currentcolor;
    border-width: 1.5px 0 0 1.5px;
    content: "";
  }

  .ant-picker-super-prev-icon::after,
  .ant-picker-super-next-icon::after {
    position: absolute;
    top: 4px;
    left: 4px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 0 solid currentcolor;
    border-width: 1.5px 0 0 1.5px;
    content: "";
  }

  .ant-picker-prev-icon,
  .ant-picker-super-prev-icon {
    transform: rotate(-45deg);
  }

  .ant-picker-next-icon,
  .ant-picker-super-next-icon {
    transform: rotate(135deg);
  }

  .ant-picker-content {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
  }

  .ant-picker-content th,
  .ant-picker-content td {
    position: relative;
    min-width: 24px;
    font-weight: 400;
  }

  .ant-picker-content th {
    height: 30px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 30px;
  }

  .ant-picker-cell {
    padding: 3px 0;
    color: rgba(255, 255, 255, 0.3);
    cursor: pointer;
  }

  .ant-picker-cell-in-view {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-picker-cell::before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 1;
    height: 24px;
    transform: translateY(-50%);
    transition: all 0.3s;
    content: "";
  }

  .ant-picker-cell .ant-picker-cell-inner {
    position: relative;
    z-index: 2;
    display: inline-block;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    transition: background 0.3s, border 0.3s;
  }

  .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
  .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(
      .ant-picker-cell-range-start
    ):not(.ant-picker-cell-range-end):not(
      .ant-picker-cell-range-hover-start
    ):not(.ant-picker-cell-range-hover-end)
    .ant-picker-cell-inner {
    background: rgba(255, 255, 255, 0.08);
  }

  .ant-picker-cell-in-view.ant-picker-cell-today
    .ant-picker-cell-inner::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 1px solid #177ddc;
    border-radius: 2px;
    content: "";
  }

  .ant-picker-cell-in-view.ant-picker-cell-in-range {
    position: relative;
  }

  .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
    background: #111b26;
  }

  .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
  .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
  .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
    color: #fff;
    background: #177ddc;
  }

  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
      .ant-picker-cell-range-start-single
    )::before,
  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
      .ant-picker-cell-range-end-single
    )::before {
    background: #111b26;
  }

  .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
    left: 50%;
  }

  .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
    right: 50%;
  }

  .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(
      .ant-picker-cell-in-range
    ):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(
      .ant-picker-cell-in-range
    ):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(
      .ant-picker-cell-in-range
    )::after {
    position: absolute;
    top: 50%;
    z-index: 0;
    height: 24px;
    border-top: 1px dashed #0e4980;
    border-bottom: 1px dashed #0e4980;
    transform: translateY(-50%);
    transition: all 0.3s;
    content: "";
  }

  .ant-picker-cell-range-hover-start::after,
  .ant-picker-cell-range-hover-end::after,
  .ant-picker-cell-range-hover::after {
    right: 0;
    left: 2px;
  }

  .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
  .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
  .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
      .ant-picker-cell-range-start-single
    ).ant-picker-cell-range-hover-start::before,
  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
      .ant-picker-cell-range-end-single
    ).ant-picker-cell-range-hover-end::before,
  .ant-picker-panel
    > :not(.ant-picker-date-panel)
    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
  .ant-picker-panel
    > :not(.ant-picker-date-panel)
    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
    background: #06213a;
  }

  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
      .ant-picker-cell-range-start-single
    ):not(.ant-picker-cell-range-end)
    .ant-picker-cell-inner {
    border-radius: 2px 0 0 2px;
  }

  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
      .ant-picker-cell-range-end-single
    ):not(.ant-picker-cell-range-start)
    .ant-picker-cell-inner {
    border-radius: 0 2px 2px 0;
  }

  .ant-picker-date-panel
    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start
    .ant-picker-cell-inner::after,
  .ant-picker-date-panel
    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end
    .ant-picker-cell-inner::after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: #06213a;
    transition: all 0.3s;
    content: "";
  }

  .ant-picker-date-panel
    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start
    .ant-picker-cell-inner::after {
    right: -6px;
    left: 0;
  }

  .ant-picker-date-panel
    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end
    .ant-picker-cell-inner::after {
    right: 0;
    left: -6px;
  }

  .ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
    right: 50%;
  }

  .ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
    left: 50%;
  }

  tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
  tr
    > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
  .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(
      .ant-picker-cell-range-hover-edge-start-near-range
    )::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
    left: 6px;
    border-left: 1px dashed #0e4980;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
  }

  tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
  tr
    > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
  .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(
      .ant-picker-cell-range-hover-edge-end-near-range
    )::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
    right: 6px;
    border-right: 1px dashed #0e4980;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }

  .ant-picker-cell-disabled {
    color: rgba(255, 255, 255, 0.3);
    pointer-events: none;
  }

  .ant-picker-cell-disabled .ant-picker-cell-inner {
    background: 0 0;
  }

  .ant-picker-cell-disabled::before {
    background: #303030;
  }

  .ant-picker-cell-disabled.ant-picker-cell-today
    .ant-picker-cell-inner::before {
    border-color: rgba(255, 255, 255, 0.3);
  }

  .ant-picker-decade-panel .ant-picker-content,
  .ant-picker-year-panel .ant-picker-content,
  .ant-picker-quarter-panel .ant-picker-content,
  .ant-picker-month-panel .ant-picker-content {
    height: 264px;
  }

  .ant-picker-decade-panel .ant-picker-cell-inner,
  .ant-picker-year-panel .ant-picker-cell-inner,
  .ant-picker-quarter-panel .ant-picker-cell-inner,
  .ant-picker-month-panel .ant-picker-cell-inner {
    padding: 0 8px;
  }

  .ant-picker-quarter-panel .ant-picker-content {
    height: 56px;
  }

  .ant-picker-footer {
    width: -moz-min-content;
    width: min-content;
    min-width: 100%;
    line-height: 38px;
    text-align: center;
    border-bottom: 1px solid transparent;
  }

  .ant-picker-panel .ant-picker-footer {
    border-top: 1px solid #303030;
  }

  .ant-picker-footer-extra {
    padding: 0 12px;
    line-height: 38px;
    text-align: left;
  }

  .ant-picker-footer-extra:not(:last-child) {
    border-bottom: 1px solid #303030;
  }

  .ant-picker-now {
    text-align: left;
  }

  .ant-picker-today-btn {
    color: #177ddc;
  }

  .ant-picker-today-btn:hover {
    color: #165996;
  }

  .ant-picker-today-btn:active {
    color: #388ed3;
  }

  .ant-picker-today-btn.ant-picker-today-btn-disabled {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  .ant-picker-decade-panel .ant-picker-cell-inner {
    padding: 0 4px;
  }

  .ant-picker-decade-panel .ant-picker-cell::before {
    display: none;
  }

  .ant-picker-year-panel .ant-picker-body,
  .ant-picker-quarter-panel .ant-picker-body,
  .ant-picker-month-panel .ant-picker-body {
    padding: 0 8px;
  }

  .ant-picker-year-panel .ant-picker-cell-inner,
  .ant-picker-quarter-panel .ant-picker-cell-inner,
  .ant-picker-month-panel .ant-picker-cell-inner {
    width: 60px;
  }

  .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
  .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
  .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
    left: 14px;
    border-left: 1px dashed #0e4980;
    border-radius: 2px 0 0 2px;
  }

  .ant-picker-panel-rtl
    .ant-picker-year-panel
    .ant-picker-cell-range-hover-start::after,
  .ant-picker-panel-rtl
    .ant-picker-quarter-panel
    .ant-picker-cell-range-hover-start::after,
  .ant-picker-panel-rtl
    .ant-picker-month-panel
    .ant-picker-cell-range-hover-start::after {
    right: 14px;
    border-right: 1px dashed #0e4980;
    border-radius: 0 2px 2px 0;
  }

  .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
  .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
  .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
    right: 14px;
    border-right: 1px dashed #0e4980;
    border-radius: 0 2px 2px 0;
  }

  .ant-picker-panel-rtl
    .ant-picker-year-panel
    .ant-picker-cell-range-hover-end::after,
  .ant-picker-panel-rtl
    .ant-picker-quarter-panel
    .ant-picker-cell-range-hover-end::after,
  .ant-picker-panel-rtl
    .ant-picker-month-panel
    .ant-picker-cell-range-hover-end::after {
    left: 14px;
    border-left: 1px dashed #0e4980;
    border-radius: 2px 0 0 2px;
  }

  .ant-picker-week-panel .ant-picker-body {
    padding: 8px 12px;
  }

  .ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner,
  .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
  .ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner {
    background: 0 0 !important;
  }

  .ant-picker-week-panel-row td {
    transition: background 0.3s;
  }

  .ant-picker-week-panel-row:hover td {
    background: rgba(255, 255, 255, 0.08);
  }

  .ant-picker-week-panel-row-selected td,
  .ant-picker-week-panel-row-selected:hover td {
    background: #177ddc;
  }

  .ant-picker-week-panel-row-selected td.ant-picker-cell-week,
  .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
    color: rgba(255, 255, 255, 0.5);
  }

  .ant-picker-week-panel-row-selected
    td.ant-picker-cell-today
    .ant-picker-cell-inner::before,
  .ant-picker-week-panel-row-selected:hover
    td.ant-picker-cell-today
    .ant-picker-cell-inner::before {
    border-color: #fff;
  }

  .ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
  .ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
    color: #fff;
  }

  .ant-picker-date-panel .ant-picker-body {
    padding: 8px 12px;
  }

  .ant-picker-date-panel .ant-picker-content {
    width: 252px;
  }

  .ant-picker-date-panel .ant-picker-content th {
    width: 36px;
  }

  .ant-picker-datetime-panel {
    display: flex;
  }

  .ant-picker-datetime-panel .ant-picker-time-panel {
    border-left: 1px solid #303030;
  }

  .ant-picker-datetime-panel .ant-picker-date-panel,
  .ant-picker-datetime-panel .ant-picker-time-panel {
    transition: opacity 0.3s;
  }

  .ant-picker-datetime-panel-active .ant-picker-date-panel,
  .ant-picker-datetime-panel-active .ant-picker-time-panel {
    opacity: 0.3;
  }

  .ant-picker-datetime-panel-active .ant-picker-date-panel-active,
  .ant-picker-datetime-panel-active .ant-picker-time-panel-active {
    opacity: 1;
  }

  .ant-picker-time-panel {
    width: auto;
    min-width: auto;
  }

  .ant-picker-time-panel .ant-picker-content {
    display: flex;
    flex: auto;
    height: 224px;
  }

  .ant-picker-time-panel-column {
    flex: 1 0 auto;
    width: 56px;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    text-align: left;
    list-style: none;
    transition: background 0.3s;
  }

  .ant-picker-time-panel-column::after {
    display: block;
    height: 196px;
    content: "";
  }

  .ant-picker-datetime-panel .ant-picker-time-panel-column::after {
    height: 198px;
  }

  .ant-picker-time-panel-column:not(:first-child) {
    border-left: 1px solid #303030;
  }

  .ant-picker-time-panel-column-active {
    background: rgba(17, 27, 38, 0.2);
  }

  .ant-picker-time-panel-column:hover {
    overflow-y: auto;
  }

  .ant-picker-time-panel-column > li {
    margin: 0;
    padding: 0;
  }

  .ant-picker-time-panel-column
    > li.ant-picker-time-panel-cell
    .ant-picker-time-panel-cell-inner {
    display: block;
    width: 100%;
    height: 28px;
    margin: 0;
    padding: 0 0 0 14px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 28px;
    border-radius: 0;
    cursor: pointer;
    transition: background 0.3s;
  }

  .ant-picker-time-panel-column
    > li.ant-picker-time-panel-cell
    .ant-picker-time-panel-cell-inner:hover {
    background: rgba(255, 255, 255, 0.08);
  }

  .ant-picker-time-panel-column
    > li.ant-picker-time-panel-cell-selected
    .ant-picker-time-panel-cell-inner {
    background: #111b26;
  }

  .ant-picker-time-panel-column
    > li.ant-picker-time-panel-cell-disabled
    .ant-picker-time-panel-cell-inner {
    color: rgba(255, 255, 255, 0.3);
    background: 0 0;
    cursor: not-allowed;
  }

  _:-ms-fullscreen
    .ant-picker-range-wrapper
    .ant-picker-month-panel
    .ant-picker-cell,
  :root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
  _:-ms-fullscreen
    .ant-picker-range-wrapper
    .ant-picker-year-panel
    .ant-picker-cell,
  :root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell {
    padding: 21px 0;
  }

  .ant-picker-rtl {
    direction: rtl;
  }

  .ant-picker-rtl .ant-picker-suffix {
    margin-right: 4px;
    margin-left: 0;
  }

  .ant-picker-rtl .ant-picker-clear {
    right: auto;
    left: 0;
  }

  .ant-picker-rtl .ant-picker-separator {
    transform: rotate(180deg);
  }

  .ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
    margin-right: 8px;
    margin-left: 0;
  }

  .ant-picker-rtl.ant-picker-range .ant-picker-clear {
    right: auto;
    left: 11px;
  }

  .ant-picker-rtl.ant-picker-range .ant-picker-active-bar {
    margin-right: 11px;
    margin-left: 0;
  }

  .ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar {
    margin-right: 7px;
  }

  .ant-picker-dropdown-rtl .ant-picker-ranges {
    text-align: right;
  }

  .ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok {
    float: left;
    margin-right: 8px;
    margin-left: 0;
  }

  .ant-picker-panel-rtl {
    direction: rtl;
  }

  .ant-picker-panel-rtl .ant-picker-prev-icon,
  .ant-picker-panel-rtl .ant-picker-super-prev-icon {
    transform: rotate(135deg);
  }

  .ant-picker-panel-rtl .ant-picker-next-icon,
  .ant-picker-panel-rtl .ant-picker-super-next-icon {
    transform: rotate(-45deg);
  }

  .ant-picker-cell .ant-picker-cell-inner {
    position: relative;
    z-index: 2;
    display: inline-block;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    transition: background 0.3s, border 0.3s;
  }

  .ant-picker-panel-rtl
    .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
    right: 50%;
    left: 0;
  }

  .ant-picker-panel-rtl
    .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
    right: 0;
    left: 50%;
  }

  .ant-picker-panel-rtl
    .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before {
    right: 50%;
    left: 50%;
  }

  .ant-picker-panel-rtl
    .ant-picker-date-panel
    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start
    .ant-picker-cell-inner::after {
    right: 0;
    left: -6px;
  }

  .ant-picker-panel-rtl
    .ant-picker-date-panel
    .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end
    .ant-picker-cell-inner::after {
    right: -6px;
    left: 0;
  }

  .ant-picker-panel-rtl
    .ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
    right: 0;
    left: 50%;
  }

  .ant-picker-panel-rtl
    .ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
    right: 50%;
    left: 0;
  }

  .ant-picker-panel-rtl
    .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
      .ant-picker-cell-range-start-single
    ):not(.ant-picker-cell-range-end)
    .ant-picker-cell-inner {
    border-radius: 0 2px 2px 0;
  }

  .ant-picker-panel-rtl
    .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
      .ant-picker-cell-range-end-single
    ):not(.ant-picker-cell-range-start)
    .ant-picker-cell-inner {
    border-radius: 2px 0 0 2px;
  }

  .ant-picker-panel-rtl
    tr
    > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(
      .ant-picker-cell-selected
    ):first-child::after,
  .ant-picker-panel-rtl
    .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
  .ant-picker-panel-rtl
    .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(
      .ant-picker-cell-range-hover-edge-start-near-range
    )::after,
  .ant-picker-panel-rtl
    .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
    right: 6px;
    left: 0;
    border-right: 1px dashed #0e4980;
    border-left: none;
    border-radius: 0 2px 2px 0;
  }

  .ant-picker-panel-rtl
    tr
    > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(
      .ant-picker-cell-selected
    ):last-child::after,
  .ant-picker-panel-rtl
    .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
  .ant-picker-panel-rtl
    .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(
      .ant-picker-cell-range-hover-edge-end-near-range
    )::after,
  .ant-picker-panel-rtl
    .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
    right: 0;
    left: 6px;
    border-right: none;
    border-left: 1px dashed #0e4980;
    border-radius: 2px 0 0 2px;
  }

  .ant-picker-panel-rtl
    tr
    > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
  .ant-picker-panel-rtl
    tr
    > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
  .ant-picker-panel-rtl
    .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(
      .ant-picker-cell-range-hover
    )::after,
  .ant-picker-panel-rtl
    .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(
      .ant-picker-cell-range-hover
    )::after,
  .ant-picker-panel-rtl
    .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(
      .ant-picker-cell-range-hover
    )::after,
  .ant-picker-panel-rtl
    tr
    > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after,
  .ant-picker-panel-rtl
    tr
    > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after {
    right: 6px;
    left: 6px;
    border-right: 1px dashed #0e4980;
    border-left: 1px dashed #0e4980;
    border-radius: 2px;
  }

  .ant-picker-dropdown-rtl .ant-picker-footer-extra {
    direction: rtl;
    text-align: right;
  }

  .ant-picker-panel-rtl .ant-picker-time-panel {
    direction: ltr;
  }

  .ant-descriptions-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }

  .ant-descriptions-title {
    flex: auto;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5715;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .ant-descriptions-extra {
    margin-left: auto;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
  }

  .ant-descriptions-view {
    width: 100%;
    border-radius: 2px;
  }

  .ant-descriptions-view table {
    width: 100%;
    table-layout: fixed;
  }

  .ant-descriptions-row > th,
  .ant-descriptions-row > td {
    padding-bottom: 16px;
  }

  .ant-descriptions-row:last-child {
    border-bottom: none;
  }

  .ant-descriptions-item-label {
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5715;
    text-align: start;
  }

  .ant-descriptions-item-label::after {
    content: ":";
    position: relative;
    top: -0.5px;
    margin: 0 8px 0 2px;
  }

  .ant-descriptions-item-label.ant-descriptions-item-no-colon::after {
    content: " ";
  }

  .ant-descriptions-item-no-label::after {
    margin: 0;
    content: "";
  }

  .ant-descriptions-item-content {
    display: table-cell;
    flex: 1;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    line-height: 1.5715;
    word-break: break-word;
    overflow-wrap: break-word;
  }

  .ant-descriptions-item {
    padding-bottom: 0;
    vertical-align: top;
  }

  .ant-descriptions-item-container {
    display: flex;
  }

  .ant-descriptions-item-container .ant-descriptions-item-label,
  .ant-descriptions-item-container .ant-descriptions-item-content {
    display: inline-flex;
    align-items: baseline;
  }

  .ant-descriptions-middle .ant-descriptions-row > th,
  .ant-descriptions-middle .ant-descriptions-row > td {
    padding-bottom: 12px;
  }

  .ant-descriptions-small .ant-descriptions-row > th,
  .ant-descriptions-small .ant-descriptions-row > td {
    padding-bottom: 8px;
  }

  .ant-descriptions-bordered .ant-descriptions-view {
    border: 1px solid #303030;
  }

  .ant-descriptions-bordered .ant-descriptions-view > table {
    table-layout: auto;
    border-collapse: collapse;
  }

  .ant-descriptions-bordered .ant-descriptions-item-label,
  .ant-descriptions-bordered .ant-descriptions-item-content {
    padding: 16px 24px;
    border-right: 1px solid #303030;
  }

  .ant-descriptions-bordered .ant-descriptions-item-label:last-child,
  .ant-descriptions-bordered .ant-descriptions-item-content:last-child {
    border-right: none;
  }

  .ant-descriptions-bordered .ant-descriptions-item-label {
    background-color: rgba(255, 255, 255, 0.04);
  }

  .ant-descriptions-bordered .ant-descriptions-item-label::after {
    display: none;
  }

  .ant-descriptions-bordered .ant-descriptions-row {
    border-bottom: 1px solid #303030;
  }

  .ant-descriptions-bordered .ant-descriptions-row:last-child {
    border-bottom: none;
  }

  .ant-descriptions-bordered.ant-descriptions-middle
    .ant-descriptions-item-label,
  .ant-descriptions-bordered.ant-descriptions-middle
    .ant-descriptions-item-content {
    padding: 12px 24px;
  }

  .ant-descriptions-bordered.ant-descriptions-small
    .ant-descriptions-item-label,
  .ant-descriptions-bordered.ant-descriptions-small
    .ant-descriptions-item-content {
    padding: 8px 16px;
  }

  .ant-descriptions-rtl {
    direction: rtl;
  }

  .ant-descriptions-rtl .ant-descriptions-item-label::after {
    margin: 0 2px 0 8px;
  }

  .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label,
  .ant-descriptions-rtl.ant-descriptions-bordered
    .ant-descriptions-item-content {
    border-right: none;
    border-left: 1px solid #303030;
  }

  .ant-descriptions-rtl.ant-descriptions-bordered
    .ant-descriptions-item-label:last-child,
  .ant-descriptions-rtl.ant-descriptions-bordered
    .ant-descriptions-item-content:last-child {
    border-left: none;
  }

  .ant-divider {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }

  .ant-divider-vertical {
    position: relative;
    top: -0.06em;
    display: inline-block;
    height: 0.9em;
    margin: 0 8px;
    vertical-align: middle;
    border-top: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.12);
  }

  .ant-divider-horizontal {
    display: flex;
    clear: both;
    width: 100%;
    min-width: 100%;
    margin: 24px 0;
  }

  .ant-divider-horizontal.ant-divider-with-text {
    display: flex;
    align-items: center;
    margin: 16px 0;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    text-align: center;
    border-top: 0;
    border-top-color: rgba(255, 255, 255, 0.12);
  }

  .ant-divider-horizontal.ant-divider-with-text::before,
  .ant-divider-horizontal.ant-divider-with-text::after {
    position: relative;
    width: 50%;
    border-top: 1px solid transparent;
    border-top-color: inherit;
    border-bottom: 0;
    transform: translateY(50%);
    content: "";
  }

  .ant-divider-horizontal.ant-divider-with-text-left::before {
    width: 5%;
  }

  .ant-divider-horizontal.ant-divider-with-text-left::after {
    width: 95%;
  }

  .ant-divider-horizontal.ant-divider-with-text-right::before {
    width: 95%;
  }

  .ant-divider-horizontal.ant-divider-with-text-right::after {
    width: 5%;
  }

  .ant-divider-inner-text {
    display: inline-block;
    padding: 0 1em;
  }

  .ant-divider-dashed {
    background: 0 0;
    border-color: rgba(255, 255, 255, 0.12);
    border-style: dashed;
    border-width: 1px 0 0;
  }

  .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
  .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
    border-style: dashed none none;
  }

  .ant-divider-vertical.ant-divider-dashed {
    border-width: 0 0 0 1px;
  }

  .ant-divider-plain.ant-divider-with-text {
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    font-size: 14px;
  }

  .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::before {
    width: 0;
  }

  .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::after {
    width: 100%;
  }

  .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left
    .ant-divider-inner-text {
    padding-left: 0;
  }

  .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::before {
    width: 100%;
  }

  .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::after {
    width: 0;
  }

  .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right
    .ant-divider-inner-text {
    padding-right: 0;
  }

  .ant-divider-rtl {
    direction: rtl;
  }

  .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
    width: 95%;
  }

  .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
    width: 5%;
  }

  .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
    width: 5%;
  }

  .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
    width: 95%;
  }

  .ant-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    pointer-events: none;
  }

  .ant-drawer-inline {
    position: absolute;
  }

  .ant-drawer-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.45);
    pointer-events: auto;
  }

  .ant-drawer-content-wrapper {
    position: absolute;
    z-index: 1000;
    transition: all 0.3s;
  }

  .ant-drawer-content-wrapper-hidden {
    display: none;
  }

  .ant-drawer-left > .ant-drawer-content-wrapper {
    top: 0;
    bottom: 0;
    left: 0;
    box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.32),
      9px 0 28px 0 rgba(0, 0, 0, 0.2), 12px 0 48px 16px rgba(0, 0, 0, 0.12);
  }

  .ant-drawer-right > .ant-drawer-content-wrapper {
    top: 0;
    right: 0;
    bottom: 0;
    box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08),
      -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
  }

  .ant-drawer-top > .ant-drawer-content-wrapper {
    top: 0;
    right: 0;
    left: 0;
    box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.32),
      0 9px 28px 0 rgba(0, 0, 0, 0.2), 0 12px 48px 16px rgba(0, 0, 0, 0.12);
  }

  .ant-drawer-bottom > .ant-drawer-content-wrapper {
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.32),
      0 -9px 28px 0 rgba(0, 0, 0, 0.2), 0 -12px 48px 16px rgba(0, 0, 0, 0.12);
  }

  .ant-drawer-content {
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #1f1f1f;
    pointer-events: auto;
  }

  .ant-drawer-wrapper-body {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
  }

  .ant-drawer-header {
    display: flex;
    flex: 0;
    align-items: center;
    padding: 16px 24px;
    font-size: 16px;
    line-height: 22px;
    border-bottom: 1px solid #303030;
  }

  .ant-drawer-header-title {
    display: flex;
    flex: 1;
    align-items: center;
    min-width: 0;
    min-height: 0;
  }

  .ant-drawer-extra {
    flex: none;
  }

  .ant-drawer-close {
    display: inline-block;
    margin-right: 12px;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 700;
    font-size: 16px;
    font-style: normal;
    line-height: 1;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    background: 0 0;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: color 0.3s;
    text-rendering: auto;
  }

  .ant-drawer-close:focus,
  .ant-drawer-close:hover {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
  }

  .ant-drawer-title {
    flex: 1;
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
  }

  .ant-drawer-body {
    flex: 1;
    min-width: 0;
    min-height: 0;
    padding: 24px;
    overflow: auto;
  }

  .ant-drawer-footer {
    flex-shrink: 0;
    padding: 10px 16px;
    border-top: 1px solid #303030;
  }

  .panel-motion-enter-start,
  .panel-motion-appear-start,
  .panel-motion-leave-start {
    transition: none;
  }

  .panel-motion-enter-active,
  .panel-motion-appear-active,
  .panel-motion-leave-active {
    transition: all 0.3s;
  }

  .ant-drawer-mask-motion-enter-active,
  .ant-drawer-mask-motion-appear-active,
  .ant-drawer-mask-motion-leave-active {
    transition: all 0.3s;
  }

  .ant-drawer-mask-motion-enter,
  .ant-drawer-mask-motion-appear {
    opacity: 0;
  }

  .ant-drawer-mask-motion-enter-active,
  .ant-drawer-mask-motion-appear-active {
    opacity: 1;
  }

  .ant-drawer-mask-motion-leave {
    opacity: 1;
  }

  .ant-drawer-mask-motion-leave-active {
    opacity: 0;
  }

  .ant-drawer-panel-motion-left-enter-start,
  .ant-drawer-panel-motion-left-appear-start,
  .ant-drawer-panel-motion-left-leave-start {
    transition: none;
  }

  .ant-drawer-panel-motion-left-enter-active,
  .ant-drawer-panel-motion-left-appear-active,
  .ant-drawer-panel-motion-left-leave-active {
    transition: all 0.3s;
  }

  .ant-drawer-panel-motion-left-enter-start,
  .ant-drawer-panel-motion-left-appear-start {
    transform: translateX(-100%) !important;
  }

  .ant-drawer-panel-motion-left-enter-active,
  .ant-drawer-panel-motion-left-appear-active {
    transform: translateX(0);
  }

  .ant-drawer-panel-motion-left-leave {
    transform: translateX(0);
  }

  .ant-drawer-panel-motion-left-leave-active {
    transform: translateX(-100%);
  }

  .ant-drawer-panel-motion-right-enter-start,
  .ant-drawer-panel-motion-right-appear-start,
  .ant-drawer-panel-motion-right-leave-start {
    transition: none;
  }

  .ant-drawer-panel-motion-right-enter-active,
  .ant-drawer-panel-motion-right-appear-active,
  .ant-drawer-panel-motion-right-leave-active {
    transition: all 0.3s;
  }

  .ant-drawer-panel-motion-right-enter-start,
  .ant-drawer-panel-motion-right-appear-start {
    transform: translateX(100%) !important;
  }

  .ant-drawer-panel-motion-right-enter-active,
  .ant-drawer-panel-motion-right-appear-active {
    transform: translateX(0);
  }

  .ant-drawer-panel-motion-right-leave {
    transform: translateX(0);
  }

  .ant-drawer-panel-motion-right-leave-active {
    transform: translateX(100%);
  }

  .ant-drawer-panel-motion-top-enter-start,
  .ant-drawer-panel-motion-top-appear-start,
  .ant-drawer-panel-motion-top-leave-start {
    transition: none;
  }

  .ant-drawer-panel-motion-top-enter-active,
  .ant-drawer-panel-motion-top-appear-active,
  .ant-drawer-panel-motion-top-leave-active {
    transition: all 0.3s;
  }

  .ant-drawer-panel-motion-top-enter-start,
  .ant-drawer-panel-motion-top-appear-start {
    transform: translateY(-100%) !important;
  }

  .ant-drawer-panel-motion-top-enter-active,
  .ant-drawer-panel-motion-top-appear-active {
    transform: translateY(0);
  }

  .ant-drawer-panel-motion-top-leave {
    transform: translateY(0);
  }

  .ant-drawer-panel-motion-top-leave-active {
    transform: translateY(-100%);
  }

  .ant-drawer-panel-motion-bottom-enter-start,
  .ant-drawer-panel-motion-bottom-appear-start,
  .ant-drawer-panel-motion-bottom-leave-start {
    transition: none;
  }

  .ant-drawer-panel-motion-bottom-enter-active,
  .ant-drawer-panel-motion-bottom-appear-active,
  .ant-drawer-panel-motion-bottom-leave-active {
    transition: all 0.3s;
  }

  .ant-drawer-panel-motion-bottom-enter-start,
  .ant-drawer-panel-motion-bottom-appear-start {
    transform: translateY(100%) !important;
  }

  .ant-drawer-panel-motion-bottom-enter-active,
  .ant-drawer-panel-motion-bottom-appear-active {
    transform: translateY(0);
  }

  .ant-drawer-panel-motion-bottom-leave {
    transform: translateY(0);
  }

  .ant-drawer-panel-motion-bottom-leave-active {
    transform: translateY(100%);
  }

  .ant-drawer-rtl {
    direction: rtl;
  }

  .ant-drawer-rtl .ant-drawer-close {
    margin-right: 0;
    margin-left: 12px;
  }

  .ant-drawer .ant-picker-clear,
  .ant-drawer .ant-slider-handle,
  .ant-drawer .ant-anchor-wrapper,
  .ant-drawer .ant-collapse-content,
  .ant-drawer .ant-timeline-item-head,
  .ant-drawer .ant-card {
    background-color: #1f1f1f;
  }

  .ant-drawer .ant-transfer-list-header {
    background: #1f1f1f;
    border-bottom: 1px solid #3a3a3a;
  }

  .ant-drawer
    .ant-transfer-list-content-item:not(
      .ant-transfer-list-content-item-disabled
    ):hover {
    background-color: rgba(255, 255, 255, 0.08);
  }

  .ant-drawer tr.ant-table-expanded-row > td,
  .ant-drawer tr.ant-table-expanded-row:hover > td {
    background: #272727;
  }

  .ant-drawer .ant-table.ant-table-small thead > tr > th {
    background-color: #1f1f1f;
    border-bottom: 1px solid #3a3a3a;
  }

  .ant-drawer .ant-table {
    background-color: #1f1f1f;
  }

  .ant-drawer .ant-table .ant-table-row-expand-icon {
    border: 1px solid #3a3a3a;
  }

  .ant-drawer .ant-table tfoot > tr > th,
  .ant-drawer .ant-table tfoot > tr > td {
    border-bottom: 1px solid #3a3a3a;
  }

  .ant-drawer .ant-table thead > tr > th {
    background-color: #272727;
    border-bottom: 1px solid #3a3a3a;
  }

  .ant-drawer .ant-table tbody > tr > td {
    border-bottom: 1px solid #3a3a3a;
  }

  .ant-drawer .ant-table tbody > tr > td.ant-table-cell-fix-left,
  .ant-drawer .ant-table tbody > tr > td.ant-table-cell-fix-right {
    background-color: #1f1f1f;
  }

  .ant-drawer .ant-table tbody > tr.ant-table-row:hover > td {
    background: #303030;
  }

  .ant-drawer .ant-table.ant-table-bordered .ant-table-title {
    border: 1px solid #3a3a3a;
  }

  .ant-drawer .ant-table.ant-table-bordered thead > tr > th,
  .ant-drawer .ant-table.ant-table-bordered tbody > tr > td,
  .ant-drawer .ant-table.ant-table-bordered tfoot > tr > th,
  .ant-drawer .ant-table.ant-table-bordered tfoot > tr > td {
    border-right: 1px solid #3a3a3a;
  }

  .ant-drawer
    .ant-table.ant-table-bordered
    .ant-table-cell-fix-right-first::after {
    border-right: 1px solid #3a3a3a;
  }

  .ant-drawer
    .ant-table.ant-table-bordered
    table
    thead
    > tr:not(:last-child)
    > th {
    border-bottom: 1px solid #303030;
  }

  .ant-drawer .ant-table.ant-table-bordered .ant-table-container {
    border: 1px solid #3a3a3a;
  }

  .ant-drawer
    .ant-table.ant-table-bordered
    .ant-table-expanded-row-fixed::after {
    border-right: 1px solid #3a3a3a;
  }

  .ant-drawer .ant-table.ant-table-bordered .ant-table-footer {
    border: 1px solid #3a3a3a;
  }

  .ant-drawer .ant-table .ant-table-filter-trigger-container-open {
    background-color: #525252;
  }

  .ant-drawer .ant-picker-calendar-full {
    background-color: #1f1f1f;
  }

  .ant-drawer .ant-picker-calendar-full .ant-picker-panel {
    background-color: #1f1f1f;
  }

  .ant-drawer
    .ant-picker-calendar-full
    .ant-picker-panel
    .ant-picker-calendar-date {
    border-top: 2px solid #3a3a3a;
  }

  .ant-drawer .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    background-color: #1f1f1f;
    border-bottom: 1px solid #1f1f1f;
  }

  .ant-drawer .ant-badge-count {
    box-shadow: 0 0 0 1px #1f1f1f;
  }

  .ant-drawer .ant-tree-show-line .ant-tree-switcher {
    background: #1f1f1f;
  }

  .ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
    color: #a61d24;
  }

  .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
    color: #fff;
    background-color: #a61d24;
  }

  .ant-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    display: block;
  }

  .ant-dropdown::before {
    position: absolute;
    top: -4px;
    right: 0;
    bottom: -4px;
    left: -7px;
    z-index: -9999;
    opacity: 0.0001;
    content: " ";
  }

  .ant-dropdown-wrap {
    position: relative;
  }

  .ant-dropdown-wrap .ant-btn > .anticon-down {
    font-size: 10px;
  }

  .ant-dropdown-wrap .anticon-down::before {
    transition: transform 0.2s;
  }

  .ant-dropdown-wrap-open .anticon-down::before {
    transform: rotate(180deg);
  }

  .ant-dropdown-hidden,
  .ant-dropdown-menu-hidden,
  .ant-dropdown-menu-submenu-hidden {
    display: none;
  }

  .ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
  .ant-dropdown-show-arrow.ant-dropdown-placement-top,
  .ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
    padding-bottom: 15.3137085px;
  }

  .ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
  .ant-dropdown-show-arrow.ant-dropdown-placement-bottom,
  .ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
    padding-top: 15.3137085px;
  }

  .ant-dropdown-arrow {
    position: absolute;
    z-index: 1;
    display: block;
    width: 11.3137085px;
    height: 11.3137085px;
    border-radius: 0 0 2px;
    pointer-events: none;
  }

  .ant-dropdown-arrow::before {
    position: absolute;
    top: -11.3137085px;
    left: -11.3137085px;
    width: 33.9411255px;
    height: 33.9411255px;
    background: #1f1f1f;
    background-repeat: no-repeat;
    background-position: -10px -10px;
    content: "";
    -webkit-clip-path: inset(33% 33%);
    clip-path: inset(33% 33%);
    -webkit-clip-path: path(
      "M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z"
    );
    clip-path: path(
      "M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z"
    );
  }

  .ant-dropdown-placement-top > .ant-dropdown-arrow,
  .ant-dropdown-placement-topLeft > .ant-dropdown-arrow,
  .ant-dropdown-placement-topRight > .ant-dropdown-arrow {
    bottom: 10px;
    box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1);
    transform: rotate(45deg);
  }

  .ant-dropdown-placement-top > .ant-dropdown-arrow {
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
  }

  .ant-dropdown-placement-topLeft > .ant-dropdown-arrow {
    left: 16px;
  }

  .ant-dropdown-placement-topRight > .ant-dropdown-arrow {
    right: 16px;
  }

  .ant-dropdown-placement-bottom > .ant-dropdown-arrow,
  .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow,
  .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
    top: 9.41421356px;
    box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1);
    transform: rotate(-135deg) translateY(-0.5px);
  }

  .ant-dropdown-placement-bottom > .ant-dropdown-arrow {
    left: 50%;
    transform: translateX(-50%) rotate(-135deg) translateY(-0.5px);
  }

  .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow {
    left: 16px;
  }

  .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow {
    right: 16px;
  }

  .ant-dropdown-menu {
    position: relative;
    margin: 0;
    padding: 4px 0;
    text-align: left;
    list-style-type: none;
    background-color: #1f1f1f;
    background-clip: padding-box;
    border-radius: 2px;
    outline: none;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  }

  .ant-dropdown-menu-item-group-title {
    padding: 5px 12px;
    color: rgba(255, 255, 255, 0.45);
    transition: all 0.3s;
  }

  .ant-dropdown-menu-submenu-popup {
    position: absolute;
    z-index: 1050;
    background: 0 0;
    box-shadow: none;
    transform-origin: 0 0;
  }

  .ant-dropdown-menu-submenu-popup ul,
  .ant-dropdown-menu-submenu-popup li {
    list-style: none;
  }

  .ant-dropdown-menu-submenu-popup ul {
    margin-right: 0.3em;
    margin-left: 0.3em;
  }

  .ant-dropdown-menu-item {
    position: relative;
    display: flex;
    align-items: center;
  }

  .ant-dropdown-menu-item-icon {
    min-width: 12px;
    margin-right: 8px;
    font-size: 12px;
  }

  .ant-dropdown-menu-title-content {
    flex: auto;
  }

  .ant-dropdown-menu-title-content > a {
    color: inherit;
    transition: all 0.3s;
  }

  .ant-dropdown-menu-title-content > a:hover {
    color: inherit;
  }

  .ant-dropdown-menu-title-content > a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
  }

  .ant-dropdown-menu-item,
  .ant-dropdown-menu-submenu-title {
    clear: both;
    margin: 0;
    padding: 5px 12px;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    transition: all 0.3s;
  }

  .ant-dropdown-menu-item-selected,
  .ant-dropdown-menu-submenu-title-selected {
    color: #177ddc;
    background-color: #111b26;
  }

  .ant-dropdown-menu-item:hover,
  .ant-dropdown-menu-submenu-title:hover,
  .ant-dropdown-menu-item.ant-dropdown-menu-item-active,
  .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active,
  .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active,
  .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active {
    background-color: rgba(255, 255, 255, 0.08);
  }

  .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled,
  .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled,
  .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled,
  .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled:hover,
  .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled:hover,
  .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled:hover,
  .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled:hover {
    color: rgba(255, 255, 255, 0.3);
    background-color: transparent;
    cursor: not-allowed;
  }

  .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled a,
  .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled a,
  .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled a,
  .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled a {
    pointer-events: none;
  }

  .ant-dropdown-menu-item-divider,
  .ant-dropdown-menu-submenu-title-divider {
    height: 1px;
    margin: 4px 0;
    overflow: hidden;
    line-height: 0;
    background-color: #303030;
  }

  .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
  .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
    position: absolute;
    right: 8px;
  }

  .ant-dropdown-menu-item
    .ant-dropdown-menu-submenu-expand-icon
    .ant-dropdown-menu-submenu-arrow-icon,
  .ant-dropdown-menu-submenu-title
    .ant-dropdown-menu-submenu-expand-icon
    .ant-dropdown-menu-submenu-arrow-icon {
    margin-right: 0 !important;
    color: rgba(255, 255, 255, 0.45);
    font-size: 10px;
    font-style: normal;
  }

  .ant-dropdown-menu-item-group-list {
    margin: 0 8px;
    padding: 0;
    list-style: none;
  }

  .ant-dropdown-menu-submenu-title {
    padding-right: 24px;
  }

  .ant-dropdown-menu-submenu-vertical {
    position: relative;
  }

  .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 100%;
    margin-left: 4px;
    transform-origin: 0 0;
  }

  .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled
    .ant-dropdown-menu-submenu-title,
  .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled
    .ant-dropdown-menu-submenu-title
    .ant-dropdown-menu-submenu-arrow-icon {
    color: rgba(255, 255, 255, 0.3);
    background-color: transparent;
    cursor: not-allowed;
  }

  .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
    color: #177ddc;
  }

  .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft,
  .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft,
  .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottom,
  .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom,
  .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight,
  .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight {
    animation-name: antSlideUpIn;
  }

  .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft,
  .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft,
  .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-top,
  .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-top,
  .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight,
  .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight {
    animation-name: antSlideDownIn;
  }

  .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft,
  .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottom,
  .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight {
    animation-name: antSlideUpOut;
  }

  .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft,
  .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-top,
  .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight {
    animation-name: antSlideDownOut;
  }

  .ant-dropdown-trigger > .anticon.anticon-down,
  .ant-dropdown-link > .anticon.anticon-down,
  .ant-dropdown-button > .anticon.anticon-down {
    font-size: 10px;
    vertical-align: baseline;
  }

  .ant-dropdown-button {
    white-space: nowrap;
  }

  .ant-dropdown-button.ant-btn-group > .ant-btn-loading,
  .ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn {
    cursor: default;
    pointer-events: none;
  }

  .ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn::before {
    display: block;
  }

  .ant-dropdown-button.ant-btn-group
    > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) {
    padding-right: 8px;
    padding-left: 8px;
  }

  .ant-dropdown-menu-dark,
  .ant-dropdown-menu-dark .ant-dropdown-menu {
    background: #1f1f1f;
  }

  .ant-dropdown-menu-dark .ant-dropdown-menu-item,
  .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
  .ant-dropdown-menu-dark .ant-dropdown-menu-item > a,
  .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a {
    color: rgba(255, 255, 255, 0.65);
  }

  .ant-dropdown-menu-dark
    .ant-dropdown-menu-item
    .ant-dropdown-menu-submenu-arrow::after,
  .ant-dropdown-menu-dark
    .ant-dropdown-menu-submenu-title
    .ant-dropdown-menu-submenu-arrow::after,
  .ant-dropdown-menu-dark
    .ant-dropdown-menu-item
    > a
    .ant-dropdown-menu-submenu-arrow::after,
  .ant-dropdown-menu-dark
    .ant-dropdown-menu-item
    > .anticon
    + span
    > a
    .ant-dropdown-menu-submenu-arrow::after {
    color: rgba(255, 255, 255, 0.65);
  }

  .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
  .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
  .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover,
  .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover {
    color: #fff;
    background: 0 0;
  }

  .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
  .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
  .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
    color: #fff;
    background: #177ddc;
  }

  .ant-dropdown-rtl {
    direction: rtl;
  }

  .ant-dropdown-rtl.ant-dropdown::before {
    right: -7px;
    left: 0;
  }

  .ant-dropdown-menu.ant-dropdown-menu-rtl {
    direction: rtl;
    text-align: right;
  }

  .ant-dropdown-rtl .ant-dropdown-menu-item-group-title,
  .ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title {
    direction: rtl;
    text-align: right;
  }

  .ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl {
    transform-origin: 100% 0;
  }

  .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul,
  .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li {
    text-align: right;
  }

  .ant-dropdown-rtl .ant-dropdown-menu-item,
  .ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
    text-align: right;
  }

  .ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child,
  .ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child,
  .ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child,
  .ant-dropdown-rtl
    .ant-dropdown-menu-submenu-title
    > span
    > .anticon:first-child {
    margin-right: 0;
    margin-left: 8px;
  }

  .ant-dropdown-rtl
    .ant-dropdown-menu-item
    .ant-dropdown-menu-submenu-expand-icon,
  .ant-dropdown-rtl
    .ant-dropdown-menu-submenu-title
    .ant-dropdown-menu-submenu-expand-icon {
    right: auto;
    left: 8px;
  }

  .ant-dropdown-rtl
    .ant-dropdown-menu-item
    .ant-dropdown-menu-submenu-expand-icon
    .ant-dropdown-menu-submenu-arrow-icon,
  .ant-dropdown-rtl
    .ant-dropdown-menu-submenu-title
    .ant-dropdown-menu-submenu-expand-icon
    .ant-dropdown-menu-submenu-arrow-icon {
    margin-left: 0 !important;
    transform: scaleX(-1);
  }

  .ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
    padding-right: 12px;
    padding-left: 24px;
  }

  .ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
    right: 100%;
    left: 0;
    margin-right: 4px;
    margin-left: 0;
  }

  .ant-empty {
    margin: 0 8px;
    font-size: 14px;
    line-height: 1.5715;
    text-align: center;
  }

  .ant-empty-image {
    height: 100px;
    margin-bottom: 8px;
  }

  .ant-empty-image img {
    height: 100%;
  }

  .ant-empty-image svg {
    height: 100%;
    margin: auto;
  }

  .ant-empty-footer {
    margin-top: 16px;
  }

  .ant-empty-normal {
    margin: 32px 0;
    color: rgba(255, 255, 255, 0.3);
  }

  .ant-empty-normal .ant-empty-image {
    height: 40px;
  }

  .ant-empty-small {
    margin: 8px 0;
    color: rgba(255, 255, 255, 0.3);
  }

  .ant-empty-small .ant-empty-image {
    height: 35px;
  }

  .ant-empty-img-default-ellipse {
    fill: #fff;
    fill-opacity: 0.08;
  }

  .ant-empty-img-default-path-1 {
    fill: #262626;
  }

  .ant-empty-img-default-path-2 {
    fill: url(#linearGradient-1);
  }

  .ant-empty-img-default-path-3 {
    fill: #595959;
  }

  .ant-empty-img-default-path-4 {
    fill: #434343;
  }

  .ant-empty-img-default-path-5 {
    fill: #595959;
  }

  .ant-empty-img-default-g {
    fill: #434343;
  }

  .ant-empty-img-simple-ellipse {
    fill: #fff;
    fill-opacity: 0.08;
  }

  .ant-empty-img-simple-g {
    stroke: #434343;
  }

  .ant-empty-img-simple-path {
    fill: #262626;
    stroke: #434343;
  }

  .ant-empty-rtl {
    direction: rtl;
  }

  .ant-form-item .ant-input-number + .ant-form-text {
    margin-left: 8px;
  }

  .ant-form-inline {
    display: flex;
    flex-wrap: wrap;
  }

  .ant-form-inline .ant-form-item {
    flex: none;
    flex-wrap: nowrap;
    margin-right: 16px;
    margin-bottom: 0;
  }

  .ant-form-inline .ant-form-item-with-help {
    margin-bottom: 24px;
  }

  .ant-form-inline .ant-form-item > .ant-form-item-label,
  .ant-form-inline .ant-form-item > .ant-form-item-control {
    display: inline-block;
    vertical-align: top;
  }

  .ant-form-inline .ant-form-item > .ant-form-item-label {
    flex: none;
  }

  .ant-form-inline .ant-form-item .ant-form-text {
    display: inline-block;
  }

  .ant-form-inline .ant-form-item .ant-form-item-has-feedback {
    display: inline-block;
  }

  .ant-form-horizontal .ant-form-item-label {
    flex-grow: 0;
  }

  .ant-form-horizontal .ant-form-item-control {
    flex: 1 1 0;
    min-width: 0;
  }

  .ant-form-horizontal
    .ant-form-item-label[class$="-24"]
    + .ant-form-item-control,
  .ant-form-horizontal
    .ant-form-item-label[class*="-24 "]
    + .ant-form-item-control {
    min-width: unset;
  }

  .ant-form-vertical .ant-form-item-row {
    flex-direction: column;
  }

  .ant-form-vertical .ant-form-item-label > label {
    height: auto;
  }

  .ant-form-vertical .ant-form-item .ant-form-item-control {
    width: 100%;
  }

  .ant-form-vertical .ant-form-item-label,
  .ant-col-24.ant-form-item-label,
  .ant-col-xl-24.ant-form-item-label {
    padding: 0 0 8px;
    line-height: 1.5715;
    white-space: initial;
    text-align: left;
  }

  .ant-form-vertical .ant-form-item-label > label,
  .ant-col-24.ant-form-item-label > label,
  .ant-col-xl-24.ant-form-item-label > label {
    margin: 0;
  }

  .ant-form-vertical .ant-form-item-label > label::after,
  .ant-col-24.ant-form-item-label > label::after,
  .ant-col-xl-24.ant-form-item-label > label::after {
    display: none;
  }

  .ant-form-rtl.ant-form-vertical .ant-form-item-label,
  .ant-form-rtl.ant-col-24.ant-form-item-label,
  .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
    text-align: right;
  }

  @media (max-width: 575px) {
    .ant-form-item .ant-form-item-label {
      padding: 0 0 8px;
      line-height: 1.5715;
      white-space: initial;
      text-align: left;
    }

    .ant-form-item .ant-form-item-label > label {
      margin: 0;
    }

    .ant-form-item .ant-form-item-label > label::after {
      display: none;
    }

    .ant-form-rtl.ant-form-item .ant-form-item-label {
      text-align: right;
    }

    .ant-form .ant-form-item {
      flex-wrap: wrap;
    }

    .ant-form .ant-form-item .ant-form-item-label,
    .ant-form .ant-form-item .ant-form-item-control {
      flex: 0 0 100%;
      max-width: 100%;
    }

    .ant-col-xs-24.ant-form-item-label {
      padding: 0 0 8px;
      line-height: 1.5715;
      white-space: initial;
      text-align: left;
    }

    .ant-col-xs-24.ant-form-item-label > label {
      margin: 0;
    }

    .ant-col-xs-24.ant-form-item-label > label::after {
      display: none;
    }

    .ant-form-rtl.ant-col-xs-24.ant-form-item-label {
      text-align: right;
    }
  }

  @media (max-width: 767px) {
    .ant-col-sm-24.ant-form-item-label {
      padding: 0 0 8px;
      line-height: 1.5715;
      white-space: initial;
      text-align: left;
    }

    .ant-col-sm-24.ant-form-item-label > label {
      margin: 0;
    }

    .ant-col-sm-24.ant-form-item-label > label::after {
      display: none;
    }

    .ant-form-rtl.ant-col-sm-24.ant-form-item-label {
      text-align: right;
    }
  }

  @media (max-width: 991px) {
    .ant-col-md-24.ant-form-item-label {
      padding: 0 0 8px;
      line-height: 1.5715;
      white-space: initial;
      text-align: left;
    }

    .ant-col-md-24.ant-form-item-label > label {
      margin: 0;
    }

    .ant-col-md-24.ant-form-item-label > label::after {
      display: none;
    }

    .ant-form-rtl.ant-col-md-24.ant-form-item-label {
      text-align: right;
    }
  }

  @media (max-width: 1199px) {
    .ant-col-lg-24.ant-form-item-label {
      padding: 0 0 8px;
      line-height: 1.5715;
      white-space: initial;
      text-align: left;
    }

    .ant-col-lg-24.ant-form-item-label > label {
      margin: 0;
    }

    .ant-col-lg-24.ant-form-item-label > label::after {
      display: none;
    }

    .ant-form-rtl.ant-col-lg-24.ant-form-item-label {
      text-align: right;
    }
  }

  @media (max-width: 1599px) {
    .ant-col-xl-24.ant-form-item-label {
      padding: 0 0 8px;
      line-height: 1.5715;
      white-space: initial;
      text-align: left;
    }

    .ant-col-xl-24.ant-form-item-label > label {
      margin: 0;
    }

    .ant-col-xl-24.ant-form-item-label > label::after {
      display: none;
    }

    .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
      text-align: right;
    }
  }

  .ant-form-item {
  }

  .ant-form-item-explain-error {
    color: #a61d24;
  }

  .ant-form-item-explain-warning {
    color: #d89614;
  }

  .ant-form-item-has-feedback .ant-switch {
    margin: 2px 0 4px;
  }

  .ant-form-item-has-warning .ant-form-item-split {
    color: #d89614;
  }

  .ant-form-item-has-error .ant-form-item-split {
    color: #a61d24;
  }

  .ant-form {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
  }

  .ant-form legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    color: rgba(255, 255, 255, 0.45);
    font-size: 16px;
    line-height: inherit;
    border: 0;
    border-bottom: 1px solid #434343;
  }

  .ant-form label {
    font-size: 14px;
  }

  .ant-form input[type="search"] {
    box-sizing: border-box;
  }

  .ant-form input[type="radio"],
  .ant-form input[type="checkbox"] {
    line-height: normal;
  }

  .ant-form input[type="file"] {
    display: block;
  }

  .ant-form input[type="range"] {
    display: block;
    width: 100%;
  }

  .ant-form select[multiple],
  .ant-form select[size] {
    height: auto;
  }

  .ant-form input[type="file"]:focus,
  .ant-form input[type="radio"]:focus,
  .ant-form input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }

  .ant-form output {
    display: block;
    padding-top: 15px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    line-height: 1.5715;
  }

  .ant-form .ant-form-text {
    display: inline-block;
    padding-right: 8px;
  }

  .ant-form-small .ant-form-item-label > label {
    height: 24px;
  }

  .ant-form-small .ant-form-item-control-input {
    min-height: 24px;
  }

  .ant-form-large .ant-form-item-label > label {
    height: 40px;
  }

  .ant-form-large .ant-form-item-control-input {
    min-height: 40px;
  }

  .ant-form-item {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    margin-bottom: 24px;
    vertical-align: top;
  }

  .ant-form-item-with-help {
    transition: none;
  }

  .ant-form-item-hidden,
  .ant-form-item-hidden.ant-row {
    display: none;
  }

  .ant-form-item-label {
    display: inline-block;
    flex-grow: 0;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    vertical-align: middle;
  }

  .ant-form-item-label-left {
    text-align: left;
  }

  .ant-form-item-label-wrap {
    overflow: unset;
    line-height: 1.3215em;
    white-space: unset;
  }

  .ant-form-item-label > label {
    position: relative;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    height: 32px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
  }

  .ant-form-item-label > label > .anticon {
    font-size: 14px;
    vertical-align: top;
  }

  .ant-form-item-label
    > label.ant-form-item-required:not(
      .ant-form-item-required-mark-optional
    )::before {
    display: inline-block;
    margin-right: 4px;
    color: #a61d24;
    font-size: 14px;
    font-family: SimSun, sans-serif;
    line-height: 1;
    content: "*";
  }

  .ant-form-hide-required-mark
    .ant-form-item-label
    > label.ant-form-item-required:not(
      .ant-form-item-required-mark-optional
    )::before {
    display: none;
  }

  .ant-form-item-label > label .ant-form-item-optional {
    display: inline-block;
    margin-left: 4px;
    color: rgba(255, 255, 255, 0.45);
  }

  .ant-form-hide-required-mark
    .ant-form-item-label
    > label
    .ant-form-item-optional {
    display: none;
  }

  .ant-form-item-label > label .ant-form-item-tooltip {
    color: rgba(255, 255, 255, 0.45);
    cursor: help;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    margin-inline-start: 4px;
  }

  .ant-form-item-label > label::after {
    content: ":";
    position: relative;
    top: -0.5px;
    margin: 0 8px 0 2px;
  }

  .ant-form-item-label > label.ant-form-item-no-colon::after {
    content: " ";
  }

  .ant-form-item-control {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }

  .ant-form-item-control:first-child:not([class^="ant-col-"]):not(
      [class*=" ant-col-"]
    ) {
    width: 100%;
  }

  .ant-form-item-control-input {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 32px;
  }

  .ant-form-item-control-input-content {
    flex: auto;
    max-width: 100%;
  }

  .ant-form-item-explain,
  .ant-form-item-extra {
    clear: both;
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
    line-height: 1.5715;
    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .ant-form-item-explain-connected {
    width: 100%;
  }

  .ant-form-item-extra {
    min-height: 24px;
  }

  .ant-form-item-with-help .ant-form-item-explain {
    height: auto;
    opacity: 1;
  }

  .ant-form-item-feedback-icon {
    font-size: 14px;
    text-align: center;
    visibility: visible;
    animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
    pointer-events: none;
  }

  .ant-form-item-feedback-icon-success {
    color: #49aa19;
  }

  .ant-form-item-feedback-icon-error {
    color: #a61d24;
  }

  .ant-form-item-feedback-icon-warning {
    color: #d89614;
  }

  .ant-form-item-feedback-icon-validating {
    color: #177ddc;
  }

  .ant-show-help {
    transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .ant-show-help-appear,
  .ant-show-help-enter {
    opacity: 0;
  }

  .ant-show-help-appear-active,
  .ant-show-help-enter-active {
    opacity: 1;
  }

  .ant-show-help-leave {
    opacity: 1;
  }

  .ant-show-help-leave-active {
    opacity: 0;
  }

  .ant-show-help-item {
    overflow: hidden;
    transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }

  .ant-show-help-item-appear,
  .ant-show-help-item-enter {
    transform: translateY(-5px);
    opacity: 0;
  }

  .ant-show-help-item-appear-active,
  .ant-show-help-item-enter-active {
    transform: translateY(0);
    opacity: 1;
  }

  .ant-show-help-item-leave {
    transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
      opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
      transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }

  .ant-show-help-item-leave-active {
    transform: translateY(-5px);
  }

  @keyframes diffZoomIn1 {
    0% {
      transform: scale(0);
      opacity: 0;
    }

    100% {
      transform: scale(1);
      opacity: 1;
    }
  }

  @keyframes diffZoomIn2 {
    0% {
      transform: scale(0);
      opacity: 0;
    }

    100% {
      transform: scale(1);
      opacity: 1;
    }
  }

  @keyframes diffZoomIn3 {
    0% {
      transform: scale(0);
      opacity: 0;
    }

    100% {
      transform: scale(1);
      opacity: 1;
    }
  }

  .ant-form-rtl {
    direction: rtl;
  }

  .ant-form-rtl .ant-form-item-label {
    text-align: left;
  }

  .ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before {
    margin-right: 0;
    margin-left: 4px;
  }

  .ant-form-rtl .ant-form-item-label > label::after {
    margin: 0 2px 0 8px;
  }

  .ant-form-rtl .ant-form-item-label > label .ant-form-item-optional {
    margin-right: 4px;
    margin-left: 0;
  }

  .ant-col-rtl .ant-form-item-control:first-child {
    width: 100%;
  }

  .ant-form-rtl .ant-form-item-has-feedback .ant-input {
    padding-right: 11px;
    padding-left: 24px;
  }

  .ant-form-rtl
    .ant-form-item-has-feedback
    .ant-input-affix-wrapper
    .ant-input-suffix {
    padding-right: 11px;
    padding-left: 18px;
  }

  .ant-form-rtl
    .ant-form-item-has-feedback
    .ant-input-affix-wrapper
    .ant-input {
    padding: 0;
  }

  .ant-form-rtl
    .ant-form-item-has-feedback
    .ant-input-number-affix-wrapper
    .ant-input-number {
    padding: 0;
  }

  .ant-form-rtl
    .ant-form-item-has-feedback
    .ant-input-search:not(.ant-input-search-enter-button)
    .ant-input-suffix {
    right: auto;
    left: 28px;
  }

  .ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
    padding-left: 18px;
  }

  .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow,
  .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear,
  .ant-form-rtl
    .ant-form-item-has-feedback
    :not(.ant-input-group-addon)
    > .ant-select
    .ant-select-arrow,
  .ant-form-rtl
    .ant-form-item-has-feedback
    :not(.ant-input-group-addon)
    > .ant-select
    .ant-select-clear,
  .ant-form-rtl
    .ant-form-item-has-feedback
    :not(.ant-input-number-group-addon)
    > .ant-select
    .ant-select-arrow,
  .ant-form-rtl
    .ant-form-item-has-feedback
    :not(.ant-input-number-group-addon)
    > .ant-select
    .ant-select-clear {
    right: auto;
    left: 32px;
  }

  .ant-form-rtl
    .ant-form-item-has-feedback
    > .ant-select
    .ant-select-selection-selected-value,
  .ant-form-rtl
    .ant-form-item-has-feedback
    :not(.ant-input-group-addon)
    > .ant-select
    .ant-select-selection-selected-value,
  .ant-form-rtl
    .ant-form-item-has-feedback
    :not(.ant-input-number-group-addon)
    > .ant-select
    .ant-select-selection-selected-value {
    padding-right: 0;
    padding-left: 42px;
  }

  .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
    margin-right: 0;
    margin-left: 19px;
  }

  .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
    right: auto;
    left: 32px;
  }

  .ant-form-rtl .ant-form-item-has-feedback .ant-picker {
    padding-right: 11px;
    padding-left: 29.2px;
  }

  .ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
    padding-right: 11px;
    padding-left: 29.2px;
  }

  .ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
    padding-right: 7px;
    padding-left: 25.2px;
  }

  .ant-form-rtl
    .ant-form-item-has-feedback.ant-form-item-has-success
    .ant-form-item-children-icon,
  .ant-form-rtl
    .ant-form-item-has-feedback.ant-form-item-has-warning
    .ant-form-item-children-icon,
  .ant-form-rtl
    .ant-form-item-has-feedback.ant-form-item-has-error
    .ant-form-item-children-icon,
  .ant-form-rtl
    .ant-form-item-has-feedback.ant-form-item-is-validating
    .ant-form-item-children-icon {
    right: auto;
    left: 0;
  }

  .ant-form-rtl.ant-form-inline .ant-form-item {
    margin-right: 0;
    margin-left: 16px;
  }

  .ant-row {
    display: flex;
    flex-flow: row wrap;
    min-width: 0;
  }

  .ant-row::before,
  .ant-row::after {
    display: flex;
  }

  .ant-row-no-wrap {
    flex-wrap: nowrap;
  }

  .ant-row-start {
    justify-content: flex-start;
  }

  .ant-row-center {
    justify-content: center;
  }

  .ant-row-end {
    justify-content: flex-end;
  }

  .ant-row-space-between {
    justify-content: space-between;
  }

  .ant-row-space-around {
    justify-content: space-around;
  }

  .ant-row-space-evenly {
    justify-content: space-evenly;
  }

  .ant-row-top {
    align-items: flex-start;
  }

  .ant-row-middle {
    align-items: center;
  }

  .ant-row-bottom {
    align-items: flex-end;
  }

  .ant-col {
    position: relative;
    max-width: 100%;
    min-height: 1px;
  }

  .ant-col-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ant-col-push-24 {
    left: 100%;
  }

  .ant-col-pull-24 {
    right: 100%;
  }

  .ant-col-offset-24 {
    margin-left: 100%;
  }

  .ant-col-order-24 {
    order: 24;
  }

  .ant-col-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }

  .ant-col-push-23 {
    left: 95.83333333%;
  }

  .ant-col-pull-23 {
    right: 95.83333333%;
  }

  .ant-col-offset-23 {
    margin-left: 95.83333333%;
  }

  .ant-col-order-23 {
    order: 23;
  }

  .ant-col-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .ant-col-push-22 {
    left: 91.66666667%;
  }

  .ant-col-pull-22 {
    right: 91.66666667%;
  }

  .ant-col-offset-22 {
    margin-left: 91.66666667%;
  }

  .ant-col-order-22 {
    order: 22;
  }

  .ant-col-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .ant-col-push-21 {
    left: 87.5%;
  }

  .ant-col-pull-21 {
    right: 87.5%;
  }

  .ant-col-offset-21 {
    margin-left: 87.5%;
  }

  .ant-col-order-21 {
    order: 21;
  }

  .ant-col-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .ant-col-push-20 {
    left: 83.33333333%;
  }

  .ant-col-pull-20 {
    right: 83.33333333%;
  }

  .ant-col-offset-20 {
    margin-left: 83.33333333%;
  }

  .ant-col-order-20 {
    order: 20;
  }

  .ant-col-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }

  .ant-col-push-19 {
    left: 79.16666667%;
  }

  .ant-col-pull-19 {
    right: 79.16666667%;
  }

  .ant-col-offset-19 {
    margin-left: 79.16666667%;
  }

  .ant-col-order-19 {
    order: 19;
  }

  .ant-col-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .ant-col-push-18 {
    left: 75%;
  }

  .ant-col-pull-18 {
    right: 75%;
  }

  .ant-col-offset-18 {
    margin-left: 75%;
  }

  .ant-col-order-18 {
    order: 18;
  }

  .ant-col-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }

  .ant-col-push-17 {
    left: 70.83333333%;
  }

  .ant-col-pull-17 {
    right: 70.83333333%;
  }

  .ant-col-offset-17 {
    margin-left: 70.83333333%;
  }

  .ant-col-order-17 {
    order: 17;
  }

  .ant-col-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .ant-col-push-16 {
    left: 66.66666667%;
  }

  .ant-col-pull-16 {
    right: 66.66666667%;
  }

  .ant-col-offset-16 {
    margin-left: 66.66666667%;
  }

  .ant-col-order-16 {
    order: 16;
  }

  .ant-col-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .ant-col-push-15 {
    left: 62.5%;
  }

  .ant-col-pull-15 {
    right: 62.5%;
  }

  .ant-col-offset-15 {
    margin-left: 62.5%;
  }

  .ant-col-order-15 {
    order: 15;
  }

  .ant-col-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .ant-col-push-14 {
    left: 58.33333333%;
  }

  .ant-col-pull-14 {
    right: 58.33333333%;
  }

  .ant-col-offset-14 {
    margin-left: 58.33333333%;
  }

  .ant-col-order-14 {
    order: 14;
  }

  .ant-col-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }

  .ant-col-push-13 {
    left: 54.16666667%;
  }

  .ant-col-pull-13 {
    right: 54.16666667%;
  }

  .ant-col-offset-13 {
    margin-left: 54.16666667%;
  }

  .ant-col-order-13 {
    order: 13;
  }

  .ant-col-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .ant-col-push-12 {
    left: 50%;
  }

  .ant-col-pull-12 {
    right: 50%;
  }

  .ant-col-offset-12 {
    margin-left: 50%;
  }

  .ant-col-order-12 {
    order: 12;
  }

  .ant-col-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }

  .ant-col-push-11 {
    left: 45.83333333%;
  }

  .ant-col-pull-11 {
    right: 45.83333333%;
  }

  .ant-col-offset-11 {
    margin-left: 45.83333333%;
  }

  .ant-col-order-11 {
    order: 11;
  }

  .ant-col-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .ant-col-push-10 {
    left: 41.66666667%;
  }

  .ant-col-pull-10 {
    right: 41.66666667%;
  }

  .ant-col-offset-10 {
    margin-left: 41.66666667%;
  }

  .ant-col-order-10 {
    order: 10;
  }

  .ant-col-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .ant-col-push-9 {
    left: 37.5%;
  }

  .ant-col-pull-9 {
    right: 37.5%;
  }

  .ant-col-offset-9 {
    margin-left: 37.5%;
  }

  .ant-col-order-9 {
    order: 9;
  }

  .ant-col-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .ant-col-push-8 {
    left: 33.33333333%;
  }

  .ant-col-pull-8 {
    right: 33.33333333%;
  }

  .ant-col-offset-8 {
    margin-left: 33.33333333%;
  }

  .ant-col-order-8 {
    order: 8;
  }

  .ant-col-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }

  .ant-col-push-7 {
    left: 29.16666667%;
  }

  .ant-col-pull-7 {
    right: 29.16666667%;
  }

  .ant-col-offset-7 {
    margin-left: 29.16666667%;
  }

  .ant-col-order-7 {
    order: 7;
  }

  .ant-col-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .ant-col-push-6 {
    left: 25%;
  }

  .ant-col-pull-6 {
    right: 25%;
  }

  .ant-col-offset-6 {
    margin-left: 25%;
  }

  .ant-col-order-6 {
    order: 6;
  }

  .ant-col-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }

  .ant-col-push-5 {
    left: 20.83333333%;
  }

  .ant-col-pull-5 {
    right: 20.83333333%;
  }

  .ant-col-offset-5 {
    margin-left: 20.83333333%;
  }

  .ant-col-order-5 {
    order: 5;
  }

  .ant-col-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .ant-col-push-4 {
    left: 16.66666667%;
  }

  .ant-col-pull-4 {
    right: 16.66666667%;
  }

  .ant-col-offset-4 {
    margin-left: 16.66666667%;
  }

  .ant-col-order-4 {
    order: 4;
  }

  .ant-col-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .ant-col-push-3 {
    left: 12.5%;
  }

  .ant-col-pull-3 {
    right: 12.5%;
  }

  .ant-col-offset-3 {
    margin-left: 12.5%;
  }

  .ant-col-order-3 {
    order: 3;
  }

  .ant-col-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .ant-col-push-2 {
    left: 8.33333333%;
  }

  .ant-col-pull-2 {
    right: 8.33333333%;
  }

  .ant-col-offset-2 {
    margin-left: 8.33333333%;
  }

  .ant-col-order-2 {
    order: 2;
  }

  .ant-col-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }

  .ant-col-push-1 {
    left: 4.16666667%;
  }

  .ant-col-pull-1 {
    right: 4.16666667%;
  }

  .ant-col-offset-1 {
    margin-left: 4.16666667%;
  }

  .ant-col-order-1 {
    order: 1;
  }

  .ant-col-0 {
    display: none;
  }

  .ant-col-push-0 {
    left: auto;
  }

  .ant-col-pull-0 {
    right: auto;
  }

  .ant-col-push-0 {
    left: auto;
  }

  .ant-col-pull-0 {
    right: auto;
  }

  .ant-col-offset-0 {
    margin-left: 0;
  }

  .ant-col-order-0 {
    order: 0;
  }

  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }

  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }

  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }

  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }

  .ant-col-offset-0.ant-col-rtl {
    margin-right: 0;
  }

  .ant-col-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }

  .ant-col-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }

  .ant-col-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }

  .ant-col-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }

  .ant-col-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }

  .ant-col-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }

  .ant-col-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }

  .ant-col-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }

  .ant-col-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }

  .ant-col-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }

  .ant-col-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }

  .ant-col-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }

  .ant-col-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }

  .ant-col-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }

  .ant-col-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }

  .ant-col-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }

  .ant-col-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }

  .ant-col-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }

  .ant-col-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }

  .ant-col-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }

  .ant-col-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }

  .ant-col-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }

  .ant-col-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }

  .ant-col-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }

  .ant-col-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }

  .ant-col-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }

  .ant-col-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }

  .ant-col-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }

  .ant-col-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }

  .ant-col-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }

  .ant-col-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }

  .ant-col-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }

  .ant-col-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }

  .ant-col-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }

  .ant-col-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }

  .ant-col-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }

  .ant-col-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }

  .ant-col-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }

  .ant-col-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }

  .ant-col-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }

  .ant-col-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }

  .ant-col-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }

  .ant-col-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }

  .ant-col-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }

  .ant-col-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }

  .ant-col-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }

  .ant-col-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }

  .ant-col-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }

  .ant-col-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }

  .ant-col-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }

  .ant-col-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }

  .ant-col-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }

  .ant-col-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }

  .ant-col-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }

  .ant-col-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }

  .ant-col-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }

  .ant-col-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }

  .ant-col-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }

  .ant-col-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }

  .ant-col-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }

  .ant-col-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }

  .ant-col-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }

  .ant-col-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }

  .ant-col-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }

  .ant-col-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }

  .ant-col-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }

  .ant-col-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }

  .ant-col-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }

  .ant-col-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }

  .ant-col-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }

  .ant-col-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }

  .ant-col-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }

  .ant-col-xs-24 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ant-col-xs-push-24 {
    left: 100%;
  }

  .ant-col-xs-pull-24 {
    right: 100%;
  }

  .ant-col-xs-offset-24 {
    margin-left: 100%;
  }

  .ant-col-xs-order-24 {
    order: 24;
  }

  .ant-col-xs-23 {
    display: block;
    flex: 0 0 95.83333333%;
    max-width: 95.83333333%;
  }

  .ant-col-xs-push-23 {
    left: 95.83333333%;
  }

  .ant-col-xs-pull-23 {
    right: 95.83333333%;
  }

  .ant-col-xs-offset-23 {
    margin-left: 95.83333333%;
  }

  .ant-col-xs-order-23 {
    order: 23;
  }

  .ant-col-xs-22 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .ant-col-xs-push-22 {
    left: 91.66666667%;
  }

  .ant-col-xs-pull-22 {
    right: 91.66666667%;
  }

  .ant-col-xs-offset-22 {
    margin-left: 91.66666667%;
  }

  .ant-col-xs-order-22 {
    order: 22;
  }

  .ant-col-xs-21 {
    display: block;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .ant-col-xs-push-21 {
    left: 87.5%;
  }

  .ant-col-xs-pull-21 {
    right: 87.5%;
  }

  .ant-col-xs-offset-21 {
    margin-left: 87.5%;
  }

  .ant-col-xs-order-21 {
    order: 21;
  }

  .ant-col-xs-20 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .ant-col-xs-push-20 {
    left: 83.33333333%;
  }

  .ant-col-xs-pull-20 {
    right: 83.33333333%;
  }

  .ant-col-xs-offset-20 {
    margin-left: 83.33333333%;
  }

  .ant-col-xs-order-20 {
    order: 20;
  }

  .ant-col-xs-19 {
    display: block;
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }

  .ant-col-xs-push-19 {
    left: 79.16666667%;
  }

  .ant-col-xs-pull-19 {
    right: 79.16666667%;
  }

  .ant-col-xs-offset-19 {
    margin-left: 79.16666667%;
  }

  .ant-col-xs-order-19 {
    order: 19;
  }

  .ant-col-xs-18 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .ant-col-xs-push-18 {
    left: 75%;
  }

  .ant-col-xs-pull-18 {
    right: 75%;
  }

  .ant-col-xs-offset-18 {
    margin-left: 75%;
  }

  .ant-col-xs-order-18 {
    order: 18;
  }

  .ant-col-xs-17 {
    display: block;
    flex: 0 0 70.83333333%;
    max-width: 70.83333333%;
  }

  .ant-col-xs-push-17 {
    left: 70.83333333%;
  }

  .ant-col-xs-pull-17 {
    right: 70.83333333%;
  }

  .ant-col-xs-offset-17 {
    margin-left: 70.83333333%;
  }

  .ant-col-xs-order-17 {
    order: 17;
  }

  .ant-col-xs-16 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .ant-col-xs-push-16 {
    left: 66.66666667%;
  }

  .ant-col-xs-pull-16 {
    right: 66.66666667%;
  }

  .ant-col-xs-offset-16 {
    margin-left: 66.66666667%;
  }

  .ant-col-xs-order-16 {
    order: 16;
  }

  .ant-col-xs-15 {
    display: block;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .ant-col-xs-push-15 {
    left: 62.5%;
  }

  .ant-col-xs-pull-15 {
    right: 62.5%;
  }

  .ant-col-xs-offset-15 {
    margin-left: 62.5%;
  }

  .ant-col-xs-order-15 {
    order: 15;
  }

  .ant-col-xs-14 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .ant-col-xs-push-14 {
    left: 58.33333333%;
  }

  .ant-col-xs-pull-14 {
    right: 58.33333333%;
  }

  .ant-col-xs-offset-14 {
    margin-left: 58.33333333%;
  }

  .ant-col-xs-order-14 {
    order: 14;
  }

  .ant-col-xs-13 {
    display: block;
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }

  .ant-col-xs-push-13 {
    left: 54.16666667%;
  }

  .ant-col-xs-pull-13 {
    right: 54.16666667%;
  }

  .ant-col-xs-offset-13 {
    margin-left: 54.16666667%;
  }

  .ant-col-xs-order-13 {
    order: 13;
  }

  .ant-col-xs-12 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .ant-col-xs-push-12 {
    left: 50%;
  }

  .ant-col-xs-pull-12 {
    right: 50%;
  }

  .ant-col-xs-offset-12 {
    margin-left: 50%;
  }

  .ant-col-xs-order-12 {
    order: 12;
  }

  .ant-col-xs-11 {
    display: block;
    flex: 0 0 45.83333333%;
    max-width: 45.83333333%;
  }

  .ant-col-xs-push-11 {
    left: 45.83333333%;
  }

  .ant-col-xs-pull-11 {
    right: 45.83333333%;
  }

  .ant-col-xs-offset-11 {
    margin-left: 45.83333333%;
  }

  .ant-col-xs-order-11 {
    order: 11;
  }

  .ant-col-xs-10 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .ant-col-xs-push-10 {
    left: 41.66666667%;
  }

  .ant-col-xs-pull-10 {
    right: 41.66666667%;
  }

  .ant-col-xs-offset-10 {
    margin-left: 41.66666667%;
  }

  .ant-col-xs-order-10 {
    order: 10;
  }

  .ant-col-xs-9 {
    display: block;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .ant-col-xs-push-9 {
    left: 37.5%;
  }

  .ant-col-xs-pull-9 {
    right: 37.5%;
  }

  .ant-col-xs-offset-9 {
    margin-left: 37.5%;
  }

  .ant-col-xs-order-9 {
    order: 9;
  }

  .ant-col-xs-8 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .ant-col-xs-push-8 {
    left: 33.33333333%;
  }

  .ant-col-xs-pull-8 {
    right: 33.33333333%;
  }

  .ant-col-xs-offset-8 {
    margin-left: 33.33333333%;
  }

  .ant-col-xs-order-8 {
    order: 8;
  }

  .ant-col-xs-7 {
    display: block;
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }

  .ant-col-xs-push-7 {
    left: 29.16666667%;
  }

  .ant-col-xs-pull-7 {
    right: 29.16666667%;
  }

  .ant-col-xs-offset-7 {
    margin-left: 29.16666667%;
  }

  .ant-col-xs-order-7 {
    order: 7;
  }

  .ant-col-xs-6 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .ant-col-xs-push-6 {
    left: 25%;
  }

  .ant-col-xs-pull-6 {
    right: 25%;
  }

  .ant-col-xs-offset-6 {
    margin-left: 25%;
  }

  .ant-col-xs-order-6 {
    order: 6;
  }

  .ant-col-xs-5 {
    display: block;
    flex: 0 0 20.83333333%;
    max-width: 20.83333333%;
  }

  .ant-col-xs-push-5 {
    left: 20.83333333%;
  }

  .ant-col-xs-pull-5 {
    right: 20.83333333%;
  }

  .ant-col-xs-offset-5 {
    margin-left: 20.83333333%;
  }

  .ant-col-xs-order-5 {
    order: 5;
  }

  .ant-col-xs-4 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .ant-col-xs-push-4 {
    left: 16.66666667%;
  }

  .ant-col-xs-pull-4 {
    right: 16.66666667%;
  }

  .ant-col-xs-offset-4 {
    margin-left: 16.66666667%;
  }

  .ant-col-xs-order-4 {
    order: 4;
  }

  .ant-col-xs-3 {
    display: block;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .ant-col-xs-push-3 {
    left: 12.5%;
  }

  .ant-col-xs-pull-3 {
    right: 12.5%;
  }

  .ant-col-xs-offset-3 {
    margin-left: 12.5%;
  }

  .ant-col-xs-order-3 {
    order: 3;
  }

  .ant-col-xs-2 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .ant-col-xs-push-2 {
    left: 8.33333333%;
  }

  .ant-col-xs-pull-2 {
    right: 8.33333333%;
  }

  .ant-col-xs-offset-2 {
    margin-left: 8.33333333%;
  }

  .ant-col-xs-order-2 {
    order: 2;
  }

  .ant-col-xs-1 {
    display: block;
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }

  .ant-col-xs-push-1 {
    left: 4.16666667%;
  }

  .ant-col-xs-pull-1 {
    right: 4.16666667%;
  }

  .ant-col-xs-offset-1 {
    margin-left: 4.16666667%;
  }

  .ant-col-xs-order-1 {
    order: 1;
  }

  .ant-col-xs-0 {
    display: none;
  }

  .ant-col-push-0 {
    left: auto;
  }

  .ant-col-pull-0 {
    right: auto;
  }

  .ant-col-xs-push-0 {
    left: auto;
  }

  .ant-col-xs-pull-0 {
    right: auto;
  }

  .ant-col-xs-offset-0 {
    margin-left: 0;
  }

  .ant-col-xs-order-0 {
    order: 0;
  }

  .ant-col-push-0.ant-col-rtl {
    right: auto;
  }

  .ant-col-pull-0.ant-col-rtl {
    left: auto;
  }

  .ant-col-xs-push-0.ant-col-rtl {
    right: auto;
  }

  .ant-col-xs-pull-0.ant-col-rtl {
    left: auto;
  }

  .ant-col-xs-offset-0.ant-col-rtl {
    margin-right: 0;
  }

  .ant-col-xs-push-1.ant-col-rtl {
    right: 4.16666667%;
    left: auto;
  }

  .ant-col-xs-pull-1.ant-col-rtl {
    right: auto;
    left: 4.16666667%;
  }

  .ant-col-xs-offset-1.ant-col-rtl {
    margin-right: 4.16666667%;
    margin-left: 0;
  }

  .ant-col-xs-push-2.ant-col-rtl {
    right: 8.33333333%;
    left: auto;
  }

  .ant-col-xs-pull-2.ant-col-rtl {
    right: auto;
    left: 8.33333333%;
  }

  .ant-col-xs-offset-2.ant-col-rtl {
    margin-right: 8.33333333%;
    margin-left: 0;
  }

  .ant-col-xs-push-3.ant-col-rtl {
    right: 12.5%;
    left: auto;
  }

  .ant-col-xs-pull-3.ant-col-rtl {
    right: auto;
    left: 12.5%;
  }

  .ant-col-xs-offset-3.ant-col-rtl {
    margin-right: 12.5%;
    margin-left: 0;
  }

  .ant-col-xs-push-4.ant-col-rtl {
    right: 16.66666667%;
    left: auto;
  }

  .ant-col-xs-pull-4.ant-col-rtl {
    right: auto;
    left: 16.66666667%;
  }

  .ant-col-xs-offset-4.ant-col-rtl {
    margin-right: 16.66666667%;
    margin-left: 0;
  }

  .ant-col-xs-push-5.ant-col-rtl {
    right: 20.83333333%;
    left: auto;
  }

  .ant-col-xs-pull-5.ant-col-rtl {
    right: auto;
    left: 20.83333333%;
  }

  .ant-col-xs-offset-5.ant-col-rtl {
    margin-right: 20.83333333%;
    margin-left: 0;
  }

  .ant-col-xs-push-6.ant-col-rtl {
    right: 25%;
    left: auto;
  }

  .ant-col-xs-pull-6.ant-col-rtl {
    right: auto;
    left: 25%;
  }

  .ant-col-xs-offset-6.ant-col-rtl {
    margin-right: 25%;
    margin-left: 0;
  }

  .ant-col-xs-push-7.ant-col-rtl {
    right: 29.16666667%;
    left: auto;
  }

  .ant-col-xs-pull-7.ant-col-rtl {
    right: auto;
    left: 29.16666667%;
  }

  .ant-col-xs-offset-7.ant-col-rtl {
    margin-right: 29.16666667%;
    margin-left: 0;
  }

  .ant-col-xs-push-8.ant-col-rtl {
    right: 33.33333333%;
    left: auto;
  }

  .ant-col-xs-pull-8.ant-col-rtl {
    right: auto;
    left: 33.33333333%;
  }

  .ant-col-xs-offset-8.ant-col-rtl {
    margin-right: 33.33333333%;
    margin-left: 0;
  }

  .ant-col-xs-push-9.ant-col-rtl {
    right: 37.5%;
    left: auto;
  }

  .ant-col-xs-pull-9.ant-col-rtl {
    right: auto;
    left: 37.5%;
  }

  .ant-col-xs-offset-9.ant-col-rtl {
    margin-right: 37.5%;
    margin-left: 0;
  }

  .ant-col-xs-push-10.ant-col-rtl {
    right: 41.66666667%;
    left: auto;
  }

  .ant-col-xs-pull-10.ant-col-rtl {
    right: auto;
    left: 41.66666667%;
  }

  .ant-col-xs-offset-10.ant-col-rtl {
    margin-right: 41.66666667%;
    margin-left: 0;
  }

  .ant-col-xs-push-11.ant-col-rtl {
    right: 45.83333333%;
    left: auto;
  }

  .ant-col-xs-pull-11.ant-col-rtl {
    right: auto;
    left: 45.83333333%;
  }

  .ant-col-xs-offset-11.ant-col-rtl {
    margin-right: 45.83333333%;
    margin-left: 0;
  }

  .ant-col-xs-push-12.ant-col-rtl {
    right: 50%;
    left: auto;
  }

  .ant-col-xs-pull-12.ant-col-rtl {
    right: auto;
    left: 50%;
  }

  .ant-col-xs-offset-12.ant-col-rtl {
    margin-right: 50%;
    margin-left: 0;
  }

  .ant-col-xs-push-13.ant-col-rtl {
    right: 54.16666667%;
    left: auto;
  }

  .ant-col-xs-pull-13.ant-col-rtl {
    right: auto;
    left: 54.16666667%;
  }

  .ant-col-xs-offset-13.ant-col-rtl {
    margin-right: 54.16666667%;
    margin-left: 0;
  }

  .ant-col-xs-push-14.ant-col-rtl {
    right: 58.33333333%;
    left: auto;
  }

  .ant-col-xs-pull-14.ant-col-rtl {
    right: auto;
    left: 58.33333333%;
  }

  .ant-col-xs-offset-14.ant-col-rtl {
    margin-right: 58.33333333%;
    margin-left: 0;
  }

  .ant-col-xs-push-15.ant-col-rtl {
    right: 62.5%;
    left: auto;
  }

  .ant-col-xs-pull-15.ant-col-rtl {
    right: auto;
    left: 62.5%;
  }

  .ant-col-xs-offset-15.ant-col-rtl {
    margin-right: 62.5%;
    margin-left: 0;
  }

  .ant-col-xs-push-16.ant-col-rtl {
    right: 66.66666667%;
    left: auto;
  }

  .ant-col-xs-pull-16.ant-col-rtl {
    right: auto;
    left: 66.66666667%;
  }

  .ant-col-xs-offset-16.ant-col-rtl {
    margin-right: 66.66666667%;
    margin-left: 0;
  }

  .ant-col-xs-push-17.ant-col-rtl {
    right: 70.83333333%;
    left: auto;
  }

  .ant-col-xs-pull-17.ant-col-rtl {
    right: auto;
    left: 70.83333333%;
  }

  .ant-col-xs-offset-17.ant-col-rtl {
    margin-right: 70.83333333%;
    margin-left: 0;
  }

  .ant-col-xs-push-18.ant-col-rtl {
    right: 75%;
    left: auto;
  }

  .ant-col-xs-pull-18.ant-col-rtl {
    right: auto;
    left: 75%;
  }

  .ant-col-xs-offset-18.ant-col-rtl {
    margin-right: 75%;
    margin-left: 0;
  }

  .ant-col-xs-push-19.ant-col-rtl {
    right: 79.16666667%;
    left: auto;
  }

  .ant-col-xs-pull-19.ant-col-rtl {
    right: auto;
    left: 79.16666667%;
  }

  .ant-col-xs-offset-19.ant-col-rtl {
    margin-right: 79.16666667%;
    margin-left: 0;
  }

  .ant-col-xs-push-20.ant-col-rtl {
    right: 83.33333333%;
    left: auto;
  }

  .ant-col-xs-pull-20.ant-col-rtl {
    right: auto;
    left: 83.33333333%;
  }

  .ant-col-xs-offset-20.ant-col-rtl {
    margin-right: 83.33333333%;
    margin-left: 0;
  }

  .ant-col-xs-push-21.ant-col-rtl {
    right: 87.5%;
    left: auto;
  }

  .ant-col-xs-pull-21.ant-col-rtl {
    right: auto;
    left: 87.5%;
  }

  .ant-col-xs-offset-21.ant-col-rtl {
    margin-right: 87.5%;
    margin-left: 0;
  }

  .ant-col-xs-push-22.ant-col-rtl {
    right: 91.66666667%;
    left: auto;
  }

  .ant-col-xs-pull-22.ant-col-rtl {
    right: auto;
    left: 91.66666667%;
  }

  .ant-col-xs-offset-22.ant-col-rtl {
    margin-right: 91.66666667%;
    margin-left: 0;
  }

  .ant-col-xs-push-23.ant-col-rtl {
    right: 95.83333333%;
    left: auto;
  }

  .ant-col-xs-pull-23.ant-col-rtl {
    right: auto;
    left: 95.83333333%;
  }

  .ant-col-xs-offset-23.ant-col-rtl {
    margin-right: 95.83333333%;
    margin-left: 0;
  }

  .ant-col-xs-push-24.ant-col-rtl {
    right: 100%;
    left: auto;
  }

  .ant-col-xs-pull-24.ant-col-rtl {
    right: auto;
    left: 100%;
  }

  .ant-col-xs-offset-24.ant-col-rtl {
    margin-right: 100%;
    margin-left: 0;
  }

  @media (min-width: 576px) {
    .ant-col-sm-24 {
      display: block;
      flex: 0 0 100%;
      max-width: 100%;
    }

    .ant-col-sm-push-24 {
      left: 100%;
    }

    .ant-col-sm-pull-24 {
      right: 100%;
    }

    .ant-col-sm-offset-24 {
      margin-left: 100%;
    }

    .ant-col-sm-order-24 {
      order: 24;
    }

    .ant-col-sm-23 {
      display: block;
      flex: 0 0 95.83333333%;
      max-width: 95.83333333%;
    }

    .ant-col-sm-push-23 {
      left: 95.83333333%;
    }

    .ant-col-sm-pull-23 {
      right: 95.83333333%;
    }

    .ant-col-sm-offset-23 {
      margin-left: 95.83333333%;
    }

    .ant-col-sm-order-23 {
      order: 23;
    }

    .ant-col-sm-22 {
      display: block;
      flex: 0 0 91.66666667%;
      max-width: 91.66666667%;
    }

    .ant-col-sm-push-22 {
      left: 91.66666667%;
    }

    .ant-col-sm-pull-22 {
      right: 91.66666667%;
    }

    .ant-col-sm-offset-22 {
      margin-left: 91.66666667%;
    }

    .ant-col-sm-order-22 {
      order: 22;
    }

    .ant-col-sm-21 {
      display: block;
      flex: 0 0 87.5%;
      max-width: 87.5%;
    }

    .ant-col-sm-push-21 {
      left: 87.5%;
    }

    .ant-col-sm-pull-21 {
      right: 87.5%;
    }

    .ant-col-sm-offset-21 {
      margin-left: 87.5%;
    }

    .ant-col-sm-order-21 {
      order: 21;
    }

    .ant-col-sm-20 {
      display: block;
      flex: 0 0 83.33333333%;
      max-width: 83.33333333%;
    }

    .ant-col-sm-push-20 {
      left: 83.33333333%;
    }

    .ant-col-sm-pull-20 {
      right: 83.33333333%;
    }

    .ant-col-sm-offset-20 {
      margin-left: 83.33333333%;
    }

    .ant-col-sm-order-20 {
      order: 20;
    }

    .ant-col-sm-19 {
      display: block;
      flex: 0 0 79.16666667%;
      max-width: 79.16666667%;
    }

    .ant-col-sm-push-19 {
      left: 79.16666667%;
    }

    .ant-col-sm-pull-19 {
      right: 79.16666667%;
    }

    .ant-col-sm-offset-19 {
      margin-left: 79.16666667%;
    }

    .ant-col-sm-order-19 {
      order: 19;
    }

    .ant-col-sm-18 {
      display: block;
      flex: 0 0 75%;
      max-width: 75%;
    }

    .ant-col-sm-push-18 {
      left: 75%;
    }

    .ant-col-sm-pull-18 {
      right: 75%;
    }

    .ant-col-sm-offset-18 {
      margin-left: 75%;
    }

    .ant-col-sm-order-18 {
      order: 18;
    }

    .ant-col-sm-17 {
      display: block;
      flex: 0 0 70.83333333%;
      max-width: 70.83333333%;
    }

    .ant-col-sm-push-17 {
      left: 70.83333333%;
    }

    .ant-col-sm-pull-17 {
      right: 70.83333333%;
    }

    .ant-col-sm-offset-17 {
      margin-left: 70.83333333%;
    }

    .ant-col-sm-order-17 {
      order: 17;
    }

    .ant-col-sm-16 {
      display: block;
      flex: 0 0 66.66666667%;
      max-width: 66.66666667%;
    }

    .ant-col-sm-push-16 {
      left: 66.66666667%;
    }

    .ant-col-sm-pull-16 {
      right: 66.66666667%;
    }

    .ant-col-sm-offset-16 {
      margin-left: 66.66666667%;
    }

    .ant-col-sm-order-16 {
      order: 16;
    }

    .ant-col-sm-15 {
      display: block;
      flex: 0 0 62.5%;
      max-width: 62.5%;
    }

    .ant-col-sm-push-15 {
      left: 62.5%;
    }

    .ant-col-sm-pull-15 {
      right: 62.5%;
    }

    .ant-col-sm-offset-15 {
      margin-left: 62.5%;
    }

    .ant-col-sm-order-15 {
      order: 15;
    }

    .ant-col-sm-14 {
      display: block;
      flex: 0 0 58.33333333%;
      max-width: 58.33333333%;
    }

    .ant-col-sm-push-14 {
      left: 58.33333333%;
    }

    .ant-col-sm-pull-14 {
      right: 58.33333333%;
    }

    .ant-col-sm-offset-14 {
      margin-left: 58.33333333%;
    }

    .ant-col-sm-order-14 {
      order: 14;
    }

    .ant-col-sm-13 {
      display: block;
      flex: 0 0 54.16666667%;
      max-width: 54.16666667%;
    }

    .ant-col-sm-push-13 {
      left: 54.16666667%;
    }

    .ant-col-sm-pull-13 {
      right: 54.16666667%;
    }

    .ant-col-sm-offset-13 {
      margin-left: 54.16666667%;
    }

    .ant-col-sm-order-13 {
      order: 13;
    }

    .ant-col-sm-12 {
      display: block;
      flex: 0 0 50%;
      max-width: 50%;
    }

    .ant-col-sm-push-12 {
      left: 50%;
    }

    .ant-col-sm-pull-12 {
      right: 50%;
    }

    .ant-col-sm-offset-12 {
      margin-left: 50%;
    }

    .ant-col-sm-order-12 {
      order: 12;
    }

    .ant-col-sm-11 {
      display: block;
      flex: 0 0 45.83333333%;
      max-width: 45.83333333%;
    }

    .ant-col-sm-push-11 {
      left: 45.83333333%;
    }

    .ant-col-sm-pull-11 {
      right: 45.83333333%;
    }

    .ant-col-sm-offset-11 {
      margin-left: 45.83333333%;
    }

    .ant-col-sm-order-11 {
      order: 11;
    }

    .ant-col-sm-10 {
      display: block;
      flex: 0 0 41.66666667%;
      max-width: 41.66666667%;
    }

    .ant-col-sm-push-10 {
      left: 41.66666667%;
    }

    .ant-col-sm-pull-10 {
      right: 41.66666667%;
    }

    .ant-col-sm-offset-10 {
      margin-left: 41.66666667%;
    }

    .ant-col-sm-order-10 {
      order: 10;
    }

    .ant-col-sm-9 {
      display: block;
      flex: 0 0 37.5%;
      max-width: 37.5%;
    }

    .ant-col-sm-push-9 {
      left: 37.5%;
    }

    .ant-col-sm-pull-9 {
      right: 37.5%;
    }

    .ant-col-sm-offset-9 {
      margin-left: 37.5%;
    }

    .ant-col-sm-order-9 {
      order: 9;
    }

    .ant-col-sm-8 {
      display: block;
      flex: 0 0 33.33333333%;
      max-width: 33.33333333%;
    }

    .ant-col-sm-push-8 {
      left: 33.33333333%;
    }

    .ant-col-sm-pull-8 {
      right: 33.33333333%;
    }

    .ant-col-sm-offset-8 {
      margin-left: 33.33333333%;
    }

    .ant-col-sm-order-8 {
      order: 8;
    }

    .ant-col-sm-7 {
      display: block;
      flex: 0 0 29.16666667%;
      max-width: 29.16666667%;
    }

    .ant-col-sm-push-7 {
      left: 29.16666667%;
    }

    .ant-col-sm-pull-7 {
      right: 29.16666667%;
    }

    .ant-col-sm-offset-7 {
      margin-left: 29.16666667%;
    }

    .ant-col-sm-order-7 {
      order: 7;
    }

    .ant-col-sm-6 {
      display: block;
      flex: 0 0 25%;
      max-width: 25%;
    }

    .ant-col-sm-push-6 {
      left: 25%;
    }

    .ant-col-sm-pull-6 {
      right: 25%;
    }

    .ant-col-sm-offset-6 {
      margin-left: 25%;
    }

    .ant-col-sm-order-6 {
      order: 6;
    }

    .ant-col-sm-5 {
      display: block;
      flex: 0 0 20.83333333%;
      max-width: 20.83333333%;
    }

    .ant-col-sm-push-5 {
      left: 20.83333333%;
    }

    .ant-col-sm-pull-5 {
      right: 20.83333333%;
    }

    .ant-col-sm-offset-5 {
      margin-left: 20.83333333%;
    }

    .ant-col-sm-order-5 {
      order: 5;
    }

    .ant-col-sm-4 {
      display: block;
      flex: 0 0 16.66666667%;
      max-width: 16.66666667%;
    }

    .ant-col-sm-push-4 {
      left: 16.66666667%;
    }

    .ant-col-sm-pull-4 {
      right: 16.66666667%;
    }

    .ant-col-sm-offset-4 {
      margin-left: 16.66666667%;
    }

    .ant-col-sm-order-4 {
      order: 4;
    }

    .ant-col-sm-3 {
      display: block;
      flex: 0 0 12.5%;
      max-width: 12.5%;
    }

    .ant-col-sm-push-3 {
      left: 12.5%;
    }

    .ant-col-sm-pull-3 {
      right: 12.5%;
    }

    .ant-col-sm-offset-3 {
      margin-left: 12.5%;
    }

    .ant-col-sm-order-3 {
      order: 3;
    }

    .ant-col-sm-2 {
      display: block;
      flex: 0 0 8.33333333%;
      max-width: 8.33333333%;
    }

    .ant-col-sm-push-2 {
      left: 8.33333333%;
    }

    .ant-col-sm-pull-2 {
      right: 8.33333333%;
    }

    .ant-col-sm-offset-2 {
      margin-left: 8.33333333%;
    }

    .ant-col-sm-order-2 {
      order: 2;
    }

    .ant-col-sm-1 {
      display: block;
      flex: 0 0 4.16666667%;
      max-width: 4.16666667%;
    }

    .ant-col-sm-push-1 {
      left: 4.16666667%;
    }

    .ant-col-sm-pull-1 {
      right: 4.16666667%;
    }

    .ant-col-sm-offset-1 {
      margin-left: 4.16666667%;
    }

    .ant-col-sm-order-1 {
      order: 1;
    }

    .ant-col-sm-0 {
      display: none;
    }

    .ant-col-push-0 {
      left: auto;
    }

    .ant-col-pull-0 {
      right: auto;
    }

    .ant-col-sm-push-0 {
      left: auto;
    }

    .ant-col-sm-pull-0 {
      right: auto;
    }

    .ant-col-sm-offset-0 {
      margin-left: 0;
    }

    .ant-col-sm-order-0 {
      order: 0;
    }

    .ant-col-push-0.ant-col-rtl {
      right: auto;
    }

    .ant-col-pull-0.ant-col-rtl {
      left: auto;
    }

    .ant-col-sm-push-0.ant-col-rtl {
      right: auto;
    }

    .ant-col-sm-pull-0.ant-col-rtl {
      left: auto;
    }

    .ant-col-sm-offset-0.ant-col-rtl {
      margin-right: 0;
    }

    .ant-col-sm-push-1.ant-col-rtl {
      right: 4.16666667%;
      left: auto;
    }

    .ant-col-sm-pull-1.ant-col-rtl {
      right: auto;
      left: 4.16666667%;
    }

    .ant-col-sm-offset-1.ant-col-rtl {
      margin-right: 4.16666667%;
      margin-left: 0;
    }

    .ant-col-sm-push-2.ant-col-rtl {
      right: 8.33333333%;
      left: auto;
    }

    .ant-col-sm-pull-2.ant-col-rtl {
      right: auto;
      left: 8.33333333%;
    }

    .ant-col-sm-offset-2.ant-col-rtl {
      margin-right: 8.33333333%;
      margin-left: 0;
    }

    .ant-col-sm-push-3.ant-col-rtl {
      right: 12.5%;
      left: auto;
    }

    .ant-col-sm-pull-3.ant-col-rtl {
      right: auto;
      left: 12.5%;
    }

    .ant-col-sm-offset-3.ant-col-rtl {
      margin-right: 12.5%;
      margin-left: 0;
    }

    .ant-col-sm-push-4.ant-col-rtl {
      right: 16.66666667%;
      left: auto;
    }

    .ant-col-sm-pull-4.ant-col-rtl {
      right: auto;
      left: 16.66666667%;
    }

    .ant-col-sm-offset-4.ant-col-rtl {
      margin-right: 16.66666667%;
      margin-left: 0;
    }

    .ant-col-sm-push-5.ant-col-rtl {
      right: 20.83333333%;
      left: auto;
    }

    .ant-col-sm-pull-5.ant-col-rtl {
      right: auto;
      left: 20.83333333%;
    }

    .ant-col-sm-offset-5.ant-col-rtl {
      margin-right: 20.83333333%;
      margin-left: 0;
    }

    .ant-col-sm-push-6.ant-col-rtl {
      right: 25%;
      left: auto;
    }

    .ant-col-sm-pull-6.ant-col-rtl {
      right: auto;
      left: 25%;
    }

    .ant-col-sm-offset-6.ant-col-rtl {
      margin-right: 25%;
      margin-left: 0;
    }

    .ant-col-sm-push-7.ant-col-rtl {
      right: 29.16666667%;
      left: auto;
    }

    .ant-col-sm-pull-7.ant-col-rtl {
      right: auto;
      left: 29.16666667%;
    }

    .ant-col-sm-offset-7.ant-col-rtl {
      margin-right: 29.16666667%;
      margin-left: 0;
    }

    .ant-col-sm-push-8.ant-col-rtl {
      right: 33.33333333%;
      left: auto;
    }

    .ant-col-sm-pull-8.ant-col-rtl {
      right: auto;
      left: 33.33333333%;
    }

    .ant-col-sm-offset-8.ant-col-rtl {
      margin-right: 33.33333333%;
      margin-left: 0;
    }

    .ant-col-sm-push-9.ant-col-rtl {
      right: 37.5%;
      left: auto;
    }

    .ant-col-sm-pull-9.ant-col-rtl {
      right: auto;
      left: 37.5%;
    }

    .ant-col-sm-offset-9.ant-col-rtl {
      margin-right: 37.5%;
      margin-left: 0;
    }

    .ant-col-sm-push-10.ant-col-rtl {
      right: 41.66666667%;
      left: auto;
    }

    .ant-col-sm-pull-10.ant-col-rtl {
      right: auto;
      left: 41.66666667%;
    }

    .ant-col-sm-offset-10.ant-col-rtl {
      margin-right: 41.66666667%;
      margin-left: 0;
    }

    .ant-col-sm-push-11.ant-col-rtl {
      right: 45.83333333%;
      left: auto;
    }

    .ant-col-sm-pull-11.ant-col-rtl {
      right: auto;
      left: 45.83333333%;
    }

    .ant-col-sm-offset-11.ant-col-rtl {
      margin-right: 45.83333333%;
      margin-left: 0;
    }

    .ant-col-sm-push-12.ant-col-rtl {
      right: 50%;
      left: auto;
    }

    .ant-col-sm-pull-12.ant-col-rtl {
      right: auto;
      left: 50%;
    }

    .ant-col-sm-offset-12.ant-col-rtl {
      margin-right: 50%;
      margin-left: 0;
    }

    .ant-col-sm-push-13.ant-col-rtl {
      right: 54.16666667%;
      left: auto;
    }

    .ant-col-sm-pull-13.ant-col-rtl {
      right: auto;
      left: 54.16666667%;
    }

    .ant-col-sm-offset-13.ant-col-rtl {
      margin-right: 54.16666667%;
      margin-left: 0;
    }

    .ant-col-sm-push-14.ant-col-rtl {
      right: 58.33333333%;
      left: auto;
    }

    .ant-col-sm-pull-14.ant-col-rtl {
      right: auto;
      left: 58.33333333%;
    }

    .ant-col-sm-offset-14.ant-col-rtl {
      margin-right: 58.33333333%;
      margin-left: 0;
    }

    .ant-col-sm-push-15.ant-col-rtl {
      right: 62.5%;
      left: auto;
    }

    .ant-col-sm-pull-15.ant-col-rtl {
      right: auto;
      left: 62.5%;
    }

    .ant-col-sm-offset-15.ant-col-rtl {
      margin-right: 62.5%;
      margin-left: 0;
    }

    .ant-col-sm-push-16.ant-col-rtl {
      right: 66.66666667%;
      left: auto;
    }

    .ant-col-sm-pull-16.ant-col-rtl {
      right: auto;
      left: 66.66666667%;
    }

    .ant-col-sm-offset-16.ant-col-rtl {
      margin-right: 66.66666667%;
      margin-left: 0;
    }

    .ant-col-sm-push-17.ant-col-rtl {
      right: 70.83333333%;
      left: auto;
    }

    .ant-col-sm-pull-17.ant-col-rtl {
      right: auto;
      left: 70.83333333%;
    }

    .ant-col-sm-offset-17.ant-col-rtl {
      margin-right: 70.83333333%;
      margin-left: 0;
    }

    .ant-col-sm-push-18.ant-col-rtl {
      right: 75%;
      left: auto;
    }

    .ant-col-sm-pull-18.ant-col-rtl {
      right: auto;
      left: 75%;
    }

    .ant-col-sm-offset-18.ant-col-rtl {
      margin-right: 75%;
      margin-left: 0;
    }

    .ant-col-sm-push-19.ant-col-rtl {
      right: 79.16666667%;
      left: auto;
    }

    .ant-col-sm-pull-19.ant-col-rtl {
      right: auto;
      left: 79.16666667%;
    }

    .ant-col-sm-offset-19.ant-col-rtl {
      margin-right: 79.16666667%;
      margin-left: 0;
    }

    .ant-col-sm-push-20.ant-col-rtl {
      right: 83.33333333%;
      left: auto;
    }

    .ant-col-sm-pull-20.ant-col-rtl {
      right: auto;
      left: 83.33333333%;
    }

    .ant-col-sm-offset-20.ant-col-rtl {
      margin-right: 83.33333333%;
      margin-left: 0;
    }

    .ant-col-sm-push-21.ant-col-rtl {
      right: 87.5%;
      left: auto;
    }

    .ant-col-sm-pull-21.ant-col-rtl {
      right: auto;
      left: 87.5%;
    }

    .ant-col-sm-offset-21.ant-col-rtl {
      margin-right: 87.5%;
      margin-left: 0;
    }

    .ant-col-sm-push-22.ant-col-rtl {
      right: 91.66666667%;
      left: auto;
    }

    .ant-col-sm-pull-22.ant-col-rtl {
      right: auto;
      left: 91.66666667%;
    }

    .ant-col-sm-offset-22.ant-col-rtl {
      margin-right: 91.66666667%;
      margin-left: 0;
    }

    .ant-col-sm-push-23.ant-col-rtl {
      right: 95.83333333%;
      left: auto;
    }

    .ant-col-sm-pull-23.ant-col-rtl {
      right: auto;
      left: 95.83333333%;
    }

    .ant-col-sm-offset-23.ant-col-rtl {
      margin-right: 95.83333333%;
      margin-left: 0;
    }

    .ant-col-sm-push-24.ant-col-rtl {
      right: 100%;
      left: auto;
    }

    .ant-col-sm-pull-24.ant-col-rtl {
      right: auto;
      left: 100%;
    }

    .ant-col-sm-offset-24.ant-col-rtl {
      margin-right: 100%;
      margin-left: 0;
    }
  }

  @media (min-width: 768px) {
    .ant-col-md-24 {
      display: block;
      flex: 0 0 100%;
      max-width: 100%;
    }

    .ant-col-md-push-24 {
      left: 100%;
    }

    .ant-col-md-pull-24 {
      right: 100%;
    }

    .ant-col-md-offset-24 {
      margin-left: 100%;
    }

    .ant-col-md-order-24 {
      order: 24;
    }

    .ant-col-md-23 {
      display: block;
      flex: 0 0 95.83333333%;
      max-width: 95.83333333%;
    }

    .ant-col-md-push-23 {
      left: 95.83333333%;
    }

    .ant-col-md-pull-23 {
      right: 95.83333333%;
    }

    .ant-col-md-offset-23 {
      margin-left: 95.83333333%;
    }

    .ant-col-md-order-23 {
      order: 23;
    }

    .ant-col-md-22 {
      display: block;
      flex: 0 0 91.66666667%;
      max-width: 91.66666667%;
    }

    .ant-col-md-push-22 {
      left: 91.66666667%;
    }

    .ant-col-md-pull-22 {
      right: 91.66666667%;
    }

    .ant-col-md-offset-22 {
      margin-left: 91.66666667%;
    }

    .ant-col-md-order-22 {
      order: 22;
    }

    .ant-col-md-21 {
      display: block;
      flex: 0 0 87.5%;
      max-width: 87.5%;
    }

    .ant-col-md-push-21 {
      left: 87.5%;
    }

    .ant-col-md-pull-21 {
      right: 87.5%;
    }

    .ant-col-md-offset-21 {
      margin-left: 87.5%;
    }

    .ant-col-md-order-21 {
      order: 21;
    }

    .ant-col-md-20 {
      display: block;
      flex: 0 0 83.33333333%;
      max-width: 83.33333333%;
    }

    .ant-col-md-push-20 {
      left: 83.33333333%;
    }

    .ant-col-md-pull-20 {
      right: 83.33333333%;
    }

    .ant-col-md-offset-20 {
      margin-left: 83.33333333%;
    }

    .ant-col-md-order-20 {
      order: 20;
    }

    .ant-col-md-19 {
      display: block;
      flex: 0 0 79.16666667%;
      max-width: 79.16666667%;
    }

    .ant-col-md-push-19 {
      left: 79.16666667%;
    }

    .ant-col-md-pull-19 {
      right: 79.16666667%;
    }

    .ant-col-md-offset-19 {
      margin-left: 79.16666667%;
    }

    .ant-col-md-order-19 {
      order: 19;
    }

    .ant-col-md-18 {
      display: block;
      flex: 0 0 75%;
      max-width: 75%;
    }

    .ant-col-md-push-18 {
      left: 75%;
    }

    .ant-col-md-pull-18 {
      right: 75%;
    }

    .ant-col-md-offset-18 {
      margin-left: 75%;
    }

    .ant-col-md-order-18 {
      order: 18;
    }

    .ant-col-md-17 {
      display: block;
      flex: 0 0 70.83333333%;
      max-width: 70.83333333%;
    }

    .ant-col-md-push-17 {
      left: 70.83333333%;
    }

    .ant-col-md-pull-17 {
      right: 70.83333333%;
    }

    .ant-col-md-offset-17 {
      margin-left: 70.83333333%;
    }

    .ant-col-md-order-17 {
      order: 17;
    }

    .ant-col-md-16 {
      display: block;
      flex: 0 0 66.66666667%;
      max-width: 66.66666667%;
    }

    .ant-col-md-push-16 {
      left: 66.66666667%;
    }

    .ant-col-md-pull-16 {
      right: 66.66666667%;
    }

    .ant-col-md-offset-16 {
      margin-left: 66.66666667%;
    }

    .ant-col-md-order-16 {
      order: 16;
    }

    .ant-col-md-15 {
      display: block;
      flex: 0 0 62.5%;
      max-width: 62.5%;
    }

    .ant-col-md-push-15 {
      left: 62.5%;
    }

    .ant-col-md-pull-15 {
      right: 62.5%;
    }

    .ant-col-md-offset-15 {
      margin-left: 62.5%;
    }

    .ant-col-md-order-15 {
      order: 15;
    }

    .ant-col-md-14 {
      display: block;
      flex: 0 0 58.33333333%;
      max-width: 58.33333333%;
    }

    .ant-col-md-push-14 {
      left: 58.33333333%;
    }

    .ant-col-md-pull-14 {
      right: 58.33333333%;
    }

    .ant-col-md-offset-14 {
      margin-left: 58.33333333%;
    }

    .ant-col-md-order-14 {
      order: 14;
    }

    .ant-col-md-13 {
      display: block;
      flex: 0 0 54.16666667%;
      max-width: 54.16666667%;
    }

    .ant-col-md-push-13 {
      left: 54.16666667%;
    }

    .ant-col-md-pull-13 {
      right: 54.16666667%;
    }

    .ant-col-md-offset-13 {
      margin-left: 54.16666667%;
    }

    .ant-col-md-order-13 {
      order: 13;
    }

    .ant-col-md-12 {
      display: block;
      flex: 0 0 50%;
      max-width: 50%;
    }

    .ant-col-md-push-12 {
      left: 50%;
    }

    .ant-col-md-pull-12 {
      right: 50%;
    }

    .ant-col-md-offset-12 {
      margin-left: 50%;
    }

    .ant-col-md-order-12 {
      order: 12;
    }

    .ant-col-md-11 {
      display: block;
      flex: 0 0 45.83333333%;
      max-width: 45.83333333%;
    }

    .ant-col-md-push-11 {
      left: 45.83333333%;
    }

    .ant-col-md-pull-11 {
      right: 45.83333333%;
    }

    .ant-col-md-offset-11 {
      margin-left: 45.83333333%;
    }

    .ant-col-md-order-11 {
      order: 11;
    }

    .ant-col-md-10 {
      display: block;
      flex: 0 0 41.66666667%;
      max-width: 41.66666667%;
    }

    .ant-col-md-push-10 {
      left: 41.66666667%;
    }

    .ant-col-md-pull-10 {
      right: 41.66666667%;
    }

    .ant-col-md-offset-10 {
      margin-left: 41.66666667%;
    }

    .ant-col-md-order-10 {
      order: 10;
    }

    .ant-col-md-9 {
      display: block;
      flex: 0 0 37.5%;
      max-width: 37.5%;
    }

    .ant-col-md-push-9 {
      left: 37.5%;
    }

    .ant-col-md-pull-9 {
      right: 37.5%;
    }

    .ant-col-md-offset-9 {
      margin-left: 37.5%;
    }

    .ant-col-md-order-9 {
      order: 9;
    }

    .ant-col-md-8 {
      display: block;
      flex: 0 0 33.33333333%;
      max-width: 33.33333333%;
    }

    .ant-col-md-push-8 {
      left: 33.33333333%;
    }

    .ant-col-md-pull-8 {
      right: 33.33333333%;
    }

    .ant-col-md-offset-8 {
      margin-left: 33.33333333%;
    }

    .ant-col-md-order-8 {
      order: 8;
    }

    .ant-col-md-7 {
      display: block;
      flex: 0 0 29.16666667%;
      max-width: 29.16666667%;
    }

    .ant-col-md-push-7 {
      left: 29.16666667%;
    }

    .ant-col-md-pull-7 {
      right: 29.16666667%;
    }

    .ant-col-md-offset-7 {
      margin-left: 29.16666667%;
    }

    .ant-col-md-order-7 {
      order: 7;
    }

    .ant-col-md-6 {
      display: block;
      flex: 0 0 25%;
      max-width: 25%;
    }

    .ant-col-md-push-6 {
      left: 25%;
    }

    .ant-col-md-pull-6 {
      right: 25%;
    }

    .ant-col-md-offset-6 {
      margin-left: 25%;
    }

    .ant-col-md-order-6 {
      order: 6;
    }

    .ant-col-md-5 {
      display: block;
      flex: 0 0 20.83333333%;
      max-width: 20.83333333%;
    }

    .ant-col-md-push-5 {
      left: 20.83333333%;
    }

    .ant-col-md-pull-5 {
      right: 20.83333333%;
    }

    .ant-col-md-offset-5 {
      margin-left: 20.83333333%;
    }

    .ant-col-md-order-5 {
      order: 5;
    }

    .ant-col-md-4 {
      display: block;
      flex: 0 0 16.66666667%;
      max-width: 16.66666667%;
    }

    .ant-col-md-push-4 {
      left: 16.66666667%;
    }

    .ant-col-md-pull-4 {
      right: 16.66666667%;
    }

    .ant-col-md-offset-4 {
      margin-left: 16.66666667%;
    }

    .ant-col-md-order-4 {
      order: 4;
    }

    .ant-col-md-3 {
      display: block;
      flex: 0 0 12.5%;
      max-width: 12.5%;
    }

    .ant-col-md-push-3 {
      left: 12.5%;
    }

    .ant-col-md-pull-3 {
      right: 12.5%;
    }

    .ant-col-md-offset-3 {
      margin-left: 12.5%;
    }

    .ant-col-md-order-3 {
      order: 3;
    }

    .ant-col-md-2 {
      display: block;
      flex: 0 0 8.33333333%;
      max-width: 8.33333333%;
    }

    .ant-col-md-push-2 {
      left: 8.33333333%;
    }

    .ant-col-md-pull-2 {
      right: 8.33333333%;
    }

    .ant-col-md-offset-2 {
      margin-left: 8.33333333%;
    }

    .ant-col-md-order-2 {
      order: 2;
    }

    .ant-col-md-1 {
      display: block;
      flex: 0 0 4.16666667%;
      max-width: 4.16666667%;
    }

    .ant-col-md-push-1 {
      left: 4.16666667%;
    }

    .ant-col-md-pull-1 {
      right: 4.16666667%;
    }

    .ant-col-md-offset-1 {
      margin-left: 4.16666667%;
    }

    .ant-col-md-order-1 {
      order: 1;
    }

    .ant-col-md-0 {
      display: none;
    }

    .ant-col-push-0 {
      left: auto;
    }

    .ant-col-pull-0 {
      right: auto;
    }

    .ant-col-md-push-0 {
      left: auto;
    }

    .ant-col-md-pull-0 {
      right: auto;
    }

    .ant-col-md-offset-0 {
      margin-left: 0;
    }

    .ant-col-md-order-0 {
      order: 0;
    }

    .ant-col-push-0.ant-col-rtl {
      right: auto;
    }

    .ant-col-pull-0.ant-col-rtl {
      left: auto;
    }

    .ant-col-md-push-0.ant-col-rtl {
      right: auto;
    }

    .ant-col-md-pull-0.ant-col-rtl {
      left: auto;
    }

    .ant-col-md-offset-0.ant-col-rtl {
      margin-right: 0;
    }

    .ant-col-md-push-1.ant-col-rtl {
      right: 4.16666667%;
      left: auto;
    }

    .ant-col-md-pull-1.ant-col-rtl {
      right: auto;
      left: 4.16666667%;
    }

    .ant-col-md-offset-1.ant-col-rtl {
      margin-right: 4.16666667%;
      margin-left: 0;
    }

    .ant-col-md-push-2.ant-col-rtl {
      right: 8.33333333%;
      left: auto;
    }

    .ant-col-md-pull-2.ant-col-rtl {
      right: auto;
      left: 8.33333333%;
    }

    .ant-col-md-offset-2.ant-col-rtl {
      margin-right: 8.33333333%;
      margin-left: 0;
    }

    .ant-col-md-push-3.ant-col-rtl {
      right: 12.5%;
      left: auto;
    }

    .ant-col-md-pull-3.ant-col-rtl {
      right: auto;
      left: 12.5%;
    }

    .ant-col-md-offset-3.ant-col-rtl {
      margin-right: 12.5%;
      margin-left: 0;
    }

    .ant-col-md-push-4.ant-col-rtl {
      right: 16.66666667%;
      left: auto;
    }

    .ant-col-md-pull-4.ant-col-rtl {
      right: auto;
      left: 16.66666667%;
    }

    .ant-col-md-offset-4.ant-col-rtl {
      margin-right: 16.66666667%;
      margin-left: 0;
    }

    .ant-col-md-push-5.ant-col-rtl {
      right: 20.83333333%;
      left: auto;
    }

    .ant-col-md-pull-5.ant-col-rtl {
      right: auto;
      left: 20.83333333%;
    }

    .ant-col-md-offset-5.ant-col-rtl {
      margin-right: 20.83333333%;
      margin-left: 0;
    }

    .ant-col-md-push-6.ant-col-rtl {
      right: 25%;
      left: auto;
    }

    .ant-col-md-pull-6.ant-col-rtl {
      right: auto;
      left: 25%;
    }

    .ant-col-md-offset-6.ant-col-rtl {
      margin-right: 25%;
      margin-left: 0;
    }

    .ant-col-md-push-7.ant-col-rtl {
      right: 29.16666667%;
      left: auto;
    }

    .ant-col-md-pull-7.ant-col-rtl {
      right: auto;
      left: 29.16666667%;
    }

    .ant-col-md-offset-7.ant-col-rtl {
      margin-right: 29.16666667%;
      margin-left: 0;
    }

    .ant-col-md-push-8.ant-col-rtl {
      right: 33.33333333%;
      left: auto;
    }

    .ant-col-md-pull-8.ant-col-rtl {
      right: auto;
      left: 33.33333333%;
    }

    .ant-col-md-offset-8.ant-col-rtl {
      margin-right: 33.33333333%;
      margin-left: 0;
    }

    .ant-col-md-push-9.ant-col-rtl {
      right: 37.5%;
      left: auto;
    }

    .ant-col-md-pull-9.ant-col-rtl {
      right: auto;
      left: 37.5%;
    }

    .ant-col-md-offset-9.ant-col-rtl {
      margin-right: 37.5%;
      margin-left: 0;
    }

    .ant-col-md-push-10.ant-col-rtl {
      right: 41.66666667%;
      left: auto;
    }

    .ant-col-md-pull-10.ant-col-rtl {
      right: auto;
      left: 41.66666667%;
    }

    .ant-col-md-offset-10.ant-col-rtl {
      margin-right: 41.66666667%;
      margin-left: 0;
    }

    .ant-col-md-push-11.ant-col-rtl {
      right: 45.83333333%;
      left: auto;
    }

    .ant-col-md-pull-11.ant-col-rtl {
      right: auto;
      left: 45.83333333%;
    }

    .ant-col-md-offset-11.ant-col-rtl {
      margin-right: 45.83333333%;
      margin-left: 0;
    }

    .ant-col-md-push-12.ant-col-rtl {
      right: 50%;
      left: auto;
    }

    .ant-col-md-pull-12.ant-col-rtl {
      right: auto;
      left: 50%;
    }

    .ant-col-md-offset-12.ant-col-rtl {
      margin-right: 50%;
      margin-left: 0;
    }

    .ant-col-md-push-13.ant-col-rtl {
      right: 54.16666667%;
      left: auto;
    }

    .ant-col-md-pull-13.ant-col-rtl {
      right: auto;
      left: 54.16666667%;
    }

    .ant-col-md-offset-13.ant-col-rtl {
      margin-right: 54.16666667%;
      margin-left: 0;
    }

    .ant-col-md-push-14.ant-col-rtl {
      right: 58.33333333%;
      left: auto;
    }

    .ant-col-md-pull-14.ant-col-rtl {
      right: auto;
      left: 58.33333333%;
    }

    .ant-col-md-offset-14.ant-col-rtl {
      margin-right: 58.33333333%;
      margin-left: 0;
    }

    .ant-col-md-push-15.ant-col-rtl {
      right: 62.5%;
      left: auto;
    }

    .ant-col-md-pull-15.ant-col-rtl {
      right: auto;
      left: 62.5%;
    }

    .ant-col-md-offset-15.ant-col-rtl {
      margin-right: 62.5%;
      margin-left: 0;
    }

    .ant-col-md-push-16.ant-col-rtl {
      right: 66.66666667%;
      left: auto;
    }

    .ant-col-md-pull-16.ant-col-rtl {
      right: auto;
      left: 66.66666667%;
    }

    .ant-col-md-offset-16.ant-col-rtl {
      margin-right: 66.66666667%;
      margin-left: 0;
    }

    .ant-col-md-push-17.ant-col-rtl {
      right: 70.83333333%;
      left: auto;
    }

    .ant-col-md-pull-17.ant-col-rtl {
      right: auto;
      left: 70.83333333%;
    }

    .ant-col-md-offset-17.ant-col-rtl {
      margin-right: 70.83333333%;
      margin-left: 0;
    }

    .ant-col-md-push-18.ant-col-rtl {
      right: 75%;
      left: auto;
    }

    .ant-col-md-pull-18.ant-col-rtl {
      right: auto;
      left: 75%;
    }

    .ant-col-md-offset-18.ant-col-rtl {
      margin-right: 75%;
      margin-left: 0;
    }

    .ant-col-md-push-19.ant-col-rtl {
      right: 79.16666667%;
      left: auto;
    }

    .ant-col-md-pull-19.ant-col-rtl {
      right: auto;
      left: 79.16666667%;
    }

    .ant-col-md-offset-19.ant-col-rtl {
      margin-right: 79.16666667%;
      margin-left: 0;
    }

    .ant-col-md-push-20.ant-col-rtl {
      right: 83.33333333%;
      left: auto;
    }

    .ant-col-md-pull-20.ant-col-rtl {
      right: auto;
      left: 83.33333333%;
    }

    .ant-col-md-offset-20.ant-col-rtl {
      margin-right: 83.33333333%;
      margin-left: 0;
    }

    .ant-col-md-push-21.ant-col-rtl {
      right: 87.5%;
      left: auto;
    }

    .ant-col-md-pull-21.ant-col-rtl {
      right: auto;
      left: 87.5%;
    }

    .ant-col-md-offset-21.ant-col-rtl {
      margin-right: 87.5%;
      margin-left: 0;
    }

    .ant-col-md-push-22.ant-col-rtl {
      right: 91.66666667%;
      left: auto;
    }

    .ant-col-md-pull-22.ant-col-rtl {
      right: auto;
      left: 91.66666667%;
    }

    .ant-col-md-offset-22.ant-col-rtl {
      margin-right: 91.66666667%;
      margin-left: 0;
    }

    .ant-col-md-push-23.ant-col-rtl {
      right: 95.83333333%;
      left: auto;
    }

    .ant-col-md-pull-23.ant-col-rtl {
      right: auto;
      left: 95.83333333%;
    }

    .ant-col-md-offset-23.ant-col-rtl {
      margin-right: 95.83333333%;
      margin-left: 0;
    }

    .ant-col-md-push-24.ant-col-rtl {
      right: 100%;
      left: auto;
    }

    .ant-col-md-pull-24.ant-col-rtl {
      right: auto;
      left: 100%;
    }

    .ant-col-md-offset-24.ant-col-rtl {
      margin-right: 100%;
      margin-left: 0;
    }
  }

  @media (min-width: 992px) {
    .ant-col-lg-24 {
      display: block;
      flex: 0 0 100%;
      max-width: 100%;
    }

    .ant-col-lg-push-24 {
      left: 100%;
    }

    .ant-col-lg-pull-24 {
      right: 100%;
    }

    .ant-col-lg-offset-24 {
      margin-left: 100%;
    }

    .ant-col-lg-order-24 {
      order: 24;
    }

    .ant-col-lg-23 {
      display: block;
      flex: 0 0 95.83333333%;
      max-width: 95.83333333%;
    }

    .ant-col-lg-push-23 {
      left: 95.83333333%;
    }

    .ant-col-lg-pull-23 {
      right: 95.83333333%;
    }

    .ant-col-lg-offset-23 {
      margin-left: 95.83333333%;
    }

    .ant-col-lg-order-23 {
      order: 23;
    }

    .ant-col-lg-22 {
      display: block;
      flex: 0 0 91.66666667%;
      max-width: 91.66666667%;
    }

    .ant-col-lg-push-22 {
      left: 91.66666667%;
    }

    .ant-col-lg-pull-22 {
      right: 91.66666667%;
    }

    .ant-col-lg-offset-22 {
      margin-left: 91.66666667%;
    }

    .ant-col-lg-order-22 {
      order: 22;
    }

    .ant-col-lg-21 {
      display: block;
      flex: 0 0 87.5%;
      max-width: 87.5%;
    }

    .ant-col-lg-push-21 {
      left: 87.5%;
    }

    .ant-col-lg-pull-21 {
      right: 87.5%;
    }

    .ant-col-lg-offset-21 {
      margin-left: 87.5%;
    }

    .ant-col-lg-order-21 {
      order: 21;
    }

    .ant-col-lg-20 {
      display: block;
      flex: 0 0 83.33333333%;
      max-width: 83.33333333%;
    }

    .ant-col-lg-push-20 {
      left: 83.33333333%;
    }

    .ant-col-lg-pull-20 {
      right: 83.33333333%;
    }

    .ant-col-lg-offset-20 {
      margin-left: 83.33333333%;
    }

    .ant-col-lg-order-20 {
      order: 20;
    }

    .ant-col-lg-19 {
      display: block;
      flex: 0 0 79.16666667%;
      max-width: 79.16666667%;
    }

    .ant-col-lg-push-19 {
      left: 79.16666667%;
    }

    .ant-col-lg-pull-19 {
      right: 79.16666667%;
    }

    .ant-col-lg-offset-19 {
      margin-left: 79.16666667%;
    }

    .ant-col-lg-order-19 {
      order: 19;
    }

    .ant-col-lg-18 {
      display: block;
      flex: 0 0 75%;
      max-width: 75%;
    }

    .ant-col-lg-push-18 {
      left: 75%;
    }

    .ant-col-lg-pull-18 {
      right: 75%;
    }

    .ant-col-lg-offset-18 {
      margin-left: 75%;
    }

    .ant-col-lg-order-18 {
      order: 18;
    }

    .ant-col-lg-17 {
      display: block;
      flex: 0 0 70.83333333%;
      max-width: 70.83333333%;
    }

    .ant-col-lg-push-17 {
      left: 70.83333333%;
    }

    .ant-col-lg-pull-17 {
      right: 70.83333333%;
    }

    .ant-col-lg-offset-17 {
      margin-left: 70.83333333%;
    }

    .ant-col-lg-order-17 {
      order: 17;
    }

    .ant-col-lg-16 {
      display: block;
      flex: 0 0 66.66666667%;
      max-width: 66.66666667%;
    }

    .ant-col-lg-push-16 {
      left: 66.66666667%;
    }

    .ant-col-lg-pull-16 {
      right: 66.66666667%;
    }

    .ant-col-lg-offset-16 {
      margin-left: 66.66666667%;
    }

    .ant-col-lg-order-16 {
      order: 16;
    }

    .ant-col-lg-15 {
      display: block;
      flex: 0 0 62.5%;
      max-width: 62.5%;
    }

    .ant-col-lg-push-15 {
      left: 62.5%;
    }

    .ant-col-lg-pull-15 {
      right: 62.5%;
    }

    .ant-col-lg-offset-15 {
      margin-left: 62.5%;
    }

    .ant-col-lg-order-15 {
      order: 15;
    }

    .ant-col-lg-14 {
      display: block;
      flex: 0 0 58.33333333%;
      max-width: 58.33333333%;
    }

    .ant-col-lg-push-14 {
      left: 58.33333333%;
    }

    .ant-col-lg-pull-14 {
      right: 58.33333333%;
    }

    .ant-col-lg-offset-14 {
      margin-left: 58.33333333%;
    }

    .ant-col-lg-order-14 {
      order: 14;
    }

    .ant-col-lg-13 {
      display: block;
      flex: 0 0 54.16666667%;
      max-width: 54.16666667%;
    }

    .ant-col-lg-push-13 {
      left: 54.16666667%;
    }

    .ant-col-lg-pull-13 {
      right: 54.16666667%;
    }

    .ant-col-lg-offset-13 {
      margin-left: 54.16666667%;
    }

    .ant-col-lg-order-13 {
      order: 13;
    }

    .ant-col-lg-12 {
      display: block;
      flex: 0 0 50%;
      max-width: 50%;
    }

    .ant-col-lg-push-12 {
      left: 50%;
    }

    .ant-col-lg-pull-12 {
      right: 50%;
    }

    .ant-col-lg-offset-12 {
      margin-left: 50%;
    }

    .ant-col-lg-order-12 {
      order: 12;
    }

    .ant-col-lg-11 {
      display: block;
      flex: 0 0 45.83333333%;
      max-width: 45.83333333%;
    }

    .ant-col-lg-push-11 {
      left: 45.83333333%;
    }

    .ant-col-lg-pull-11 {
      right: 45.83333333%;
    }

    .ant-col-lg-offset-11 {
      margin-left: 45.83333333%;
    }

    .ant-col-lg-order-11 {
      order: 11;
    }

    .ant-col-lg-10 {
      display: block;
      flex: 0 0 41.66666667%;
      max-width: 41.66666667%;
    }

    .ant-col-lg-push-10 {
      left: 41.66666667%;
    }

    .ant-col-lg-pull-10 {
      right: 41.66666667%;
    }

    .ant-col-lg-offset-10 {
      margin-left: 41.66666667%;
    }

    .ant-col-lg-order-10 {
      order: 10;
    }

    .ant-col-lg-9 {
      display: block;
      flex: 0 0 37.5%;
      max-width: 37.5%;
    }

    .ant-col-lg-push-9 {
      left: 37.5%;
    }

    .ant-col-lg-pull-9 {
      right: 37.5%;
    }

    .ant-col-lg-offset-9 {
      margin-left: 37.5%;
    }

    .ant-col-lg-order-9 {
      order: 9;
    }

    .ant-col-lg-8 {
      display: block;
      flex: 0 0 33.33333333%;
      max-width: 33.33333333%;
    }

    .ant-col-lg-push-8 {
      left: 33.33333333%;
    }

    .ant-col-lg-pull-8 {
      right: 33.33333333%;
    }

    .ant-col-lg-offset-8 {
      margin-left: 33.33333333%;
    }

    .ant-col-lg-order-8 {
      order: 8;
    }

    .ant-col-lg-7 {
      display: block;
      flex: 0 0 29.16666667%;
      max-width: 29.16666667%;
    }

    .ant-col-lg-push-7 {
      left: 29.16666667%;
    }

    .ant-col-lg-pull-7 {
      right: 29.16666667%;
    }

    .ant-col-lg-offset-7 {
      margin-left: 29.16666667%;
    }

    .ant-col-lg-order-7 {
      order: 7;
    }

    .ant-col-lg-6 {
      display: block;
      flex: 0 0 25%;
      max-width: 25%;
    }

    .ant-col-lg-push-6 {
      left: 25%;
    }

    .ant-col-lg-pull-6 {
      right: 25%;
    }

    .ant-col-lg-offset-6 {
      margin-left: 25%;
    }

    .ant-col-lg-order-6 {
      order: 6;
    }

    .ant-col-lg-5 {
      display: block;
      flex: 0 0 20.83333333%;
      max-width: 20.83333333%;
    }

    .ant-col-lg-push-5 {
      left: 20.83333333%;
    }

    .ant-col-lg-pull-5 {
      right: 20.83333333%;
    }

    .ant-col-lg-offset-5 {
      margin-left: 20.83333333%;
    }

    .ant-col-lg-order-5 {
      order: 5;
    }

    .ant-col-lg-4 {
      display: block;
      flex: 0 0 16.66666667%;
      max-width: 16.66666667%;
    }

    .ant-col-lg-push-4 {
      left: 16.66666667%;
    }

    .ant-col-lg-pull-4 {
      right: 16.66666667%;
    }

    .ant-col-lg-offset-4 {
      margin-left: 16.66666667%;
    }

    .ant-col-lg-order-4 {
      order: 4;
    }

    .ant-col-lg-3 {
      display: block;
      flex: 0 0 12.5%;
      max-width: 12.5%;
    }

    .ant-col-lg-push-3 {
      left: 12.5%;
    }

    .ant-col-lg-pull-3 {
      right: 12.5%;
    }

    .ant-col-lg-offset-3 {
      margin-left: 12.5%;
    }

    .ant-col-lg-order-3 {
      order: 3;
    }

    .ant-col-lg-2 {
      display: block;
      flex: 0 0 8.33333333%;
      max-width: 8.33333333%;
    }

    .ant-col-lg-push-2 {
      left: 8.33333333%;
    }

    .ant-col-lg-pull-2 {
      right: 8.33333333%;
    }

    .ant-col-lg-offset-2 {
      margin-left: 8.33333333%;
    }

    .ant-col-lg-order-2 {
      order: 2;
    }

    .ant-col-lg-1 {
      display: block;
      flex: 0 0 4.16666667%;
      max-width: 4.16666667%;
    }

    .ant-col-lg-push-1 {
      left: 4.16666667%;
    }

    .ant-col-lg-pull-1 {
      right: 4.16666667%;
    }

    .ant-col-lg-offset-1 {
      margin-left: 4.16666667%;
    }

    .ant-col-lg-order-1 {
      order: 1;
    }

    .ant-col-lg-0 {
      display: none;
    }

    .ant-col-push-0 {
      left: auto;
    }

    .ant-col-pull-0 {
      right: auto;
    }

    .ant-col-lg-push-0 {
      left: auto;
    }

    .ant-col-lg-pull-0 {
      right: auto;
    }

    .ant-col-lg-offset-0 {
      margin-left: 0;
    }

    .ant-col-lg-order-0 {
      order: 0;
    }

    .ant-col-push-0.ant-col-rtl {
      right: auto;
    }

    .ant-col-pull-0.ant-col-rtl {
      left: auto;
    }

    .ant-col-lg-push-0.ant-col-rtl {
      right: auto;
    }

    .ant-col-lg-pull-0.ant-col-rtl {
      left: auto;
    }

    .ant-col-lg-offset-0.ant-col-rtl {
      margin-right: 0;
    }

    .ant-col-lg-push-1.ant-col-rtl {
      right: 4.16666667%;
      left: auto;
    }

    .ant-col-lg-pull-1.ant-col-rtl {
      right: auto;
      left: 4.16666667%;
    }

    .ant-col-lg-offset-1.ant-col-rtl {
      margin-right: 4.16666667%;
      margin-left: 0;
    }

    .ant-col-lg-push-2.ant-col-rtl {
      right: 8.33333333%;
      left: auto;
    }

    .ant-col-lg-pull-2.ant-col-rtl {
      right: auto;
      left: 8.33333333%;
    }

    .ant-col-lg-offset-2.ant-col-rtl {
      margin-right: 8.33333333%;
      margin-left: 0;
    }

    .ant-col-lg-push-3.ant-col-rtl {
      right: 12.5%;
      left: auto;
    }

    .ant-col-lg-pull-3.ant-col-rtl {
      right: auto;
      left: 12.5%;
    }

    .ant-col-lg-offset-3.ant-col-rtl {
      margin-right: 12.5%;
      margin-left: 0;
    }

    .ant-col-lg-push-4.ant-col-rtl {
      right: 16.66666667%;
      left: auto;
    }

    .ant-col-lg-pull-4.ant-col-rtl {
      right: auto;
      left: 16.66666667%;
    }

    .ant-col-lg-offset-4.ant-col-rtl {
      margin-right: 16.66666667%;
      margin-left: 0;
    }

    .ant-col-lg-push-5.ant-col-rtl {
      right: 20.83333333%;
      left: auto;
    }

    .ant-col-lg-pull-5.ant-col-rtl {
      right: auto;
      left: 20.83333333%;
    }

    .ant-col-lg-offset-5.ant-col-rtl {
      margin-right: 20.83333333%;
      margin-left: 0;
    }

    .ant-col-lg-push-6.ant-col-rtl {
      right: 25%;
      left: auto;
    }

    .ant-col-lg-pull-6.ant-col-rtl {
      right: auto;
      left: 25%;
    }

    .ant-col-lg-offset-6.ant-col-rtl {
      margin-right: 25%;
      margin-left: 0;
    }

    .ant-col-lg-push-7.ant-col-rtl {
      right: 29.16666667%;
      left: auto;
    }

    .ant-col-lg-pull-7.ant-col-rtl {
      right: auto;
      left: 29.16666667%;
    }

    .ant-col-lg-offset-7.ant-col-rtl {
      margin-right: 29.16666667%;
      margin-left: 0;
    }

    .ant-col-lg-push-8.ant-col-rtl {
      right: 33.33333333%;
      left: auto;
    }

    .ant-col-lg-pull-8.ant-col-rtl {
      right: auto;
      left: 33.33333333%;
    }

    .ant-col-lg-offset-8.ant-col-rtl {
      margin-right: 33.33333333%;
      margin-left: 0;
    }

    .ant-col-lg-push-9.ant-col-rtl {
      right: 37.5%;
      left: auto;
    }

    .ant-col-lg-pull-9.ant-col-rtl {
      right: auto;
      left: 37.5%;
    }

    .ant-col-lg-offset-9.ant-col-rtl {
      margin-right: 37.5%;
      margin-left: 0;
    }

    .ant-col-lg-push-10.ant-col-rtl {
      right: 41.66666667%;
      left: auto;
    }

    .ant-col-lg-pull-10.ant-col-rtl {
      right: auto;
      left: 41.66666667%;
    }

    .ant-col-lg-offset-10.ant-col-rtl {
      margin-right: 41.66666667%;
      margin-left: 0;
    }

    .ant-col-lg-push-11.ant-col-rtl {
      right: 45.83333333%;
      left: auto;
    }

    .ant-col-lg-pull-11.ant-col-rtl {
      right: auto;
      left: 45.83333333%;
    }

    .ant-col-lg-offset-11.ant-col-rtl {
      margin-right: 45.83333333%;
      margin-left: 0;
    }

    .ant-col-lg-push-12.ant-col-rtl {
      right: 50%;
      left: auto;
    }

    .ant-col-lg-pull-12.ant-col-rtl {
      right: auto;
      left: 50%;
    }

    .ant-col-lg-offset-12.ant-col-rtl {
      margin-right: 50%;
      margin-left: 0;
    }

    .ant-col-lg-push-13.ant-col-rtl {
      right: 54.16666667%;
      left: auto;
    }

    .ant-col-lg-pull-13.ant-col-rtl {
      right: auto;
      left: 54.16666667%;
    }

    .ant-col-lg-offset-13.ant-col-rtl {
      margin-right: 54.16666667%;
      margin-left: 0;
    }

    .ant-col-lg-push-14.ant-col-rtl {
      right: 58.33333333%;
      left: auto;
    }

    .ant-col-lg-pull-14.ant-col-rtl {
      right: auto;
      left: 58.33333333%;
    }

    .ant-col-lg-offset-14.ant-col-rtl {
      margin-right: 58.33333333%;
      margin-left: 0;
    }

    .ant-col-lg-push-15.ant-col-rtl {
      right: 62.5%;
      left: auto;
    }

    .ant-col-lg-pull-15.ant-col-rtl {
      right: auto;
      left: 62.5%;
    }

    .ant-col-lg-offset-15.ant-col-rtl {
      margin-right: 62.5%;
      margin-left: 0;
    }

    .ant-col-lg-push-16.ant-col-rtl {
      right: 66.66666667%;
      left: auto;
    }

    .ant-col-lg-pull-16.ant-col-rtl {
      right: auto;
      left: 66.66666667%;
    }

    .ant-col-lg-offset-16.ant-col-rtl {
      margin-right: 66.66666667%;
      margin-left: 0;
    }

    .ant-col-lg-push-17.ant-col-rtl {
      right: 70.83333333%;
      left: auto;
    }

    .ant-col-lg-pull-17.ant-col-rtl {
      right: auto;
      left: 70.83333333%;
    }

    .ant-col-lg-offset-17.ant-col-rtl {
      margin-right: 70.83333333%;
      margin-left: 0;
    }

    .ant-col-lg-push-18.ant-col-rtl {
      right: 75%;
      left: auto;
    }

    .ant-col-lg-pull-18.ant-col-rtl {
      right: auto;
      left: 75%;
    }

    .ant-col-lg-offset-18.ant-col-rtl {
      margin-right: 75%;
      margin-left: 0;
    }

    .ant-col-lg-push-19.ant-col-rtl {
      right: 79.16666667%;
      left: auto;
    }

    .ant-col-lg-pull-19.ant-col-rtl {
      right: auto;
      left: 79.16666667%;
    }

    .ant-col-lg-offset-19.ant-col-rtl {
      margin-right: 79.16666667%;
      margin-left: 0;
    }

    .ant-col-lg-push-20.ant-col-rtl {
      right: 83.33333333%;
      left: auto;
    }

    .ant-col-lg-pull-20.ant-col-rtl {
      right: auto;
      left: 83.33333333%;
    }

    .ant-col-lg-offset-20.ant-col-rtl {
      margin-right: 83.33333333%;
      margin-left: 0;
    }

    .ant-col-lg-push-21.ant-col-rtl {
      right: 87.5%;
      left: auto;
    }

    .ant-col-lg-pull-21.ant-col-rtl {
      right: auto;
      left: 87.5%;
    }

    .ant-col-lg-offset-21.ant-col-rtl {
      margin-right: 87.5%;
      margin-left: 0;
    }

    .ant-col-lg-push-22.ant-col-rtl {
      right: 91.66666667%;
      left: auto;
    }

    .ant-col-lg-pull-22.ant-col-rtl {
      right: auto;
      left: 91.66666667%;
    }

    .ant-col-lg-offset-22.ant-col-rtl {
      margin-right: 91.66666667%;
      margin-left: 0;
    }

    .ant-col-lg-push-23.ant-col-rtl {
      right: 95.83333333%;
      left: auto;
    }

    .ant-col-lg-pull-23.ant-col-rtl {
      right: auto;
      left: 95.83333333%;
    }

    .ant-col-lg-offset-23.ant-col-rtl {
      margin-right: 95.83333333%;
      margin-left: 0;
    }

    .ant-col-lg-push-24.ant-col-rtl {
      right: 100%;
      left: auto;
    }

    .ant-col-lg-pull-24.ant-col-rtl {
      right: auto;
      left: 100%;
    }

    .ant-col-lg-offset-24.ant-col-rtl {
      margin-right: 100%;
      margin-left: 0;
    }
  }

  @media (min-width: 1200px) {
    .ant-col-xl-24 {
      display: block;
      flex: 0 0 100%;
      max-width: 100%;
    }

    .ant-col-xl-push-24 {
      left: 100%;
    }

    .ant-col-xl-pull-24 {
      right: 100%;
    }

    .ant-col-xl-offset-24 {
      margin-left: 100%;
    }

    .ant-col-xl-order-24 {
      order: 24;
    }

    .ant-col-xl-23 {
      display: block;
      flex: 0 0 95.83333333%;
      max-width: 95.83333333%;
    }

    .ant-col-xl-push-23 {
      left: 95.83333333%;
    }

    .ant-col-xl-pull-23 {
      right: 95.83333333%;
    }

    .ant-col-xl-offset-23 {
      margin-left: 95.83333333%;
    }

    .ant-col-xl-order-23 {
      order: 23;
    }

    .ant-col-xl-22 {
      display: block;
      flex: 0 0 91.66666667%;
      max-width: 91.66666667%;
    }

    .ant-col-xl-push-22 {
      left: 91.66666667%;
    }

    .ant-col-xl-pull-22 {
      right: 91.66666667%;
    }

    .ant-col-xl-offset-22 {
      margin-left: 91.66666667%;
    }

    .ant-col-xl-order-22 {
      order: 22;
    }

    .ant-col-xl-21 {
      display: block;
      flex: 0 0 87.5%;
      max-width: 87.5%;
    }

    .ant-col-xl-push-21 {
      left: 87.5%;
    }

    .ant-col-xl-pull-21 {
      right: 87.5%;
    }

    .ant-col-xl-offset-21 {
      margin-left: 87.5%;
    }

    .ant-col-xl-order-21 {
      order: 21;
    }

    .ant-col-xl-20 {
      display: block;
      flex: 0 0 83.33333333%;
      max-width: 83.33333333%;
    }

    .ant-col-xl-push-20 {
      left: 83.33333333%;
    }

    .ant-col-xl-pull-20 {
      right: 83.33333333%;
    }

    .ant-col-xl-offset-20 {
      margin-left: 83.33333333%;
    }

    .ant-col-xl-order-20 {
      order: 20;
    }

    .ant-col-xl-19 {
      display: block;
      flex: 0 0 79.16666667%;
      max-width: 79.16666667%;
    }

    .ant-col-xl-push-19 {
      left: 79.16666667%;
    }

    .ant-col-xl-pull-19 {
      right: 79.16666667%;
    }

    .ant-col-xl-offset-19 {
      margin-left: 79.16666667%;
    }

    .ant-col-xl-order-19 {
      order: 19;
    }

    .ant-col-xl-18 {
      display: block;
      flex: 0 0 75%;
      max-width: 75%;
    }

    .ant-col-xl-push-18 {
      left: 75%;
    }

    .ant-col-xl-pull-18 {
      right: 75%;
    }

    .ant-col-xl-offset-18 {
      margin-left: 75%;
    }

    .ant-col-xl-order-18 {
      order: 18;
    }

    .ant-col-xl-17 {
      display: block;
      flex: 0 0 70.83333333%;
      max-width: 70.83333333%;
    }

    .ant-col-xl-push-17 {
      left: 70.83333333%;
    }

    .ant-col-xl-pull-17 {
      right: 70.83333333%;
    }

    .ant-col-xl-offset-17 {
      margin-left: 70.83333333%;
    }

    .ant-col-xl-order-17 {
      order: 17;
    }

    .ant-col-xl-16 {
      display: block;
      flex: 0 0 66.66666667%;
      max-width: 66.66666667%;
    }

    .ant-col-xl-push-16 {
      left: 66.66666667%;
    }

    .ant-col-xl-pull-16 {
      right: 66.66666667%;
    }

    .ant-col-xl-offset-16 {
      margin-left: 66.66666667%;
    }

    .ant-col-xl-order-16 {
      order: 16;
    }

    .ant-col-xl-15 {
      display: block;
      flex: 0 0 62.5%;
      max-width: 62.5%;
    }

    .ant-col-xl-push-15 {
      left: 62.5%;
    }

    .ant-col-xl-pull-15 {
      right: 62.5%;
    }

    .ant-col-xl-offset-15 {
      margin-left: 62.5%;
    }

    .ant-col-xl-order-15 {
      order: 15;
    }

    .ant-col-xl-14 {
      display: block;
      flex: 0 0 58.33333333%;
      max-width: 58.33333333%;
    }

    .ant-col-xl-push-14 {
      left: 58.33333333%;
    }

    .ant-col-xl-pull-14 {
      right: 58.33333333%;
    }

    .ant-col-xl-offset-14 {
      margin-left: 58.33333333%;
    }

    .ant-col-xl-order-14 {
      order: 14;
    }

    .ant-col-xl-13 {
      display: block;
      flex: 0 0 54.16666667%;
      max-width: 54.16666667%;
    }

    .ant-col-xl-push-13 {
      left: 54.16666667%;
    }

    .ant-col-xl-pull-13 {
      right: 54.16666667%;
    }

    .ant-col-xl-offset-13 {
      margin-left: 54.16666667%;
    }

    .ant-col-xl-order-13 {
      order: 13;
    }

    .ant-col-xl-12 {
      display: block;
      flex: 0 0 50%;
      max-width: 50%;
    }

    .ant-col-xl-push-12 {
      left: 50%;
    }

    .ant-col-xl-pull-12 {
      right: 50%;
    }

    .ant-col-xl-offset-12 {
      margin-left: 50%;
    }

    .ant-col-xl-order-12 {
      order: 12;
    }

    .ant-col-xl-11 {
      display: block;
      flex: 0 0 45.83333333%;
      max-width: 45.83333333%;
    }

    .ant-col-xl-push-11 {
      left: 45.83333333%;
    }

    .ant-col-xl-pull-11 {
      right: 45.83333333%;
    }

    .ant-col-xl-offset-11 {
      margin-left: 45.83333333%;
    }

    .ant-col-xl-order-11 {
      order: 11;
    }

    .ant-col-xl-10 {
      display: block;
      flex: 0 0 41.66666667%;
      max-width: 41.66666667%;
    }

    .ant-col-xl-push-10 {
      left: 41.66666667%;
    }

    .ant-col-xl-pull-10 {
      right: 41.66666667%;
    }

    .ant-col-xl-offset-10 {
      margin-left: 41.66666667%;
    }

    .ant-col-xl-order-10 {
      order: 10;
    }

    .ant-col-xl-9 {
      display: block;
      flex: 0 0 37.5%;
      max-width: 37.5%;
    }

    .ant-col-xl-push-9 {
      left: 37.5%;
    }

    .ant-col-xl-pull-9 {
      right: 37.5%;
    }

    .ant-col-xl-offset-9 {
      margin-left: 37.5%;
    }

    .ant-col-xl-order-9 {
      order: 9;
    }

    .ant-col-xl-8 {
      display: block;
      flex: 0 0 33.33333333%;
      max-width: 33.33333333%;
    }

    .ant-col-xl-push-8 {
      left: 33.33333333%;
    }

    .ant-col-xl-pull-8 {
      right: 33.33333333%;
    }

    .ant-col-xl-offset-8 {
      margin-left: 33.33333333%;
    }

    .ant-col-xl-order-8 {
      order: 8;
    }

    .ant-col-xl-7 {
      display: block;
      flex: 0 0 29.16666667%;
      max-width: 29.16666667%;
    }

    .ant-col-xl-push-7 {
      left: 29.16666667%;
    }

    .ant-col-xl-pull-7 {
      right: 29.16666667%;
    }

    .ant-col-xl-offset-7 {
      margin-left: 29.16666667%;
    }

    .ant-col-xl-order-7 {
      order: 7;
    }

    .ant-col-xl-6 {
      display: block;
      flex: 0 0 25%;
      max-width: 25%;
    }

    .ant-col-xl-push-6 {
      left: 25%;
    }

    .ant-col-xl-pull-6 {
      right: 25%;
    }

    .ant-col-xl-offset-6 {
      margin-left: 25%;
    }

    .ant-col-xl-order-6 {
      order: 6;
    }

    .ant-col-xl-5 {
      display: block;
      flex: 0 0 20.83333333%;
      max-width: 20.83333333%;
    }

    .ant-col-xl-push-5 {
      left: 20.83333333%;
    }

    .ant-col-xl-pull-5 {
      right: 20.83333333%;
    }

    .ant-col-xl-offset-5 {
      margin-left: 20.83333333%;
    }

    .ant-col-xl-order-5 {
      order: 5;
    }

    .ant-col-xl-4 {
      display: block;
      flex: 0 0 16.66666667%;
      max-width: 16.66666667%;
    }

    .ant-col-xl-push-4 {
      left: 16.66666667%;
    }

    .ant-col-xl-pull-4 {
      right: 16.66666667%;
    }

    .ant-col-xl-offset-4 {
      margin-left: 16.66666667%;
    }

    .ant-col-xl-order-4 {
      order: 4;
    }

    .ant-col-xl-3 {
      display: block;
      flex: 0 0 12.5%;
      max-width: 12.5%;
    }

    .ant-col-xl-push-3 {
      left: 12.5%;
    }

    .ant-col-xl-pull-3 {
      right: 12.5%;
    }

    .ant-col-xl-offset-3 {
      margin-left: 12.5%;
    }

    .ant-col-xl-order-3 {
      order: 3;
    }

    .ant-col-xl-2 {
      display: block;
      flex: 0 0 8.33333333%;
      max-width: 8.33333333%;
    }

    .ant-col-xl-push-2 {
      left: 8.33333333%;
    }

    .ant-col-xl-pull-2 {
      right: 8.33333333%;
    }

    .ant-col-xl-offset-2 {
      margin-left: 8.33333333%;
    }

    .ant-col-xl-order-2 {
      order: 2;
    }

    .ant-col-xl-1 {
      display: block;
      flex: 0 0 4.16666667%;
      max-width: 4.16666667%;
    }

    .ant-col-xl-push-1 {
      left: 4.16666667%;
    }

    .ant-col-xl-pull-1 {
      right: 4.16666667%;
    }

    .ant-col-xl-offset-1 {
      margin-left: 4.16666667%;
    }

    .ant-col-xl-order-1 {
      order: 1;
    }

    .ant-col-xl-0 {
      display: none;
    }

    .ant-col-push-0 {
      left: auto;
    }

    .ant-col-pull-0 {
      right: auto;
    }

    .ant-col-xl-push-0 {
      left: auto;
    }

    .ant-col-xl-pull-0 {
      right: auto;
    }

    .ant-col-xl-offset-0 {
      margin-left: 0;
    }

    .ant-col-xl-order-0 {
      order: 0;
    }

    .ant-col-push-0.ant-col-rtl {
      right: auto;
    }

    .ant-col-pull-0.ant-col-rtl {
      left: auto;
    }

    .ant-col-xl-push-0.ant-col-rtl {
      right: auto;
    }

    .ant-col-xl-pull-0.ant-col-rtl {
      left: auto;
    }

    .ant-col-xl-offset-0.ant-col-rtl {
      margin-right: 0;
    }

    .ant-col-xl-push-1.ant-col-rtl {
      right: 4.16666667%;
      left: auto;
    }

    .ant-col-xl-pull-1.ant-col-rtl {
      right: auto;
      left: 4.16666667%;
    }

    .ant-col-xl-offset-1.ant-col-rtl {
      margin-right: 4.16666667%;
      margin-left: 0;
    }

    .ant-col-xl-push-2.ant-col-rtl {
      right: 8.33333333%;
      left: auto;
    }

    .ant-col-xl-pull-2.ant-col-rtl {
      right: auto;
      left: 8.33333333%;
    }

    .ant-col-xl-offset-2.ant-col-rtl {
      margin-right: 8.33333333%;
      margin-left: 0;
    }

    .ant-col-xl-push-3.ant-col-rtl {
      right: 12.5%;
      left: auto;
    }

    .ant-col-xl-pull-3.ant-col-rtl {
      right: auto;
      left: 12.5%;
    }

    .ant-col-xl-offset-3.ant-col-rtl {
      margin-right: 12.5%;
      margin-left: 0;
    }

    .ant-col-xl-push-4.ant-col-rtl {
      right: 16.66666667%;
      left: auto;
    }

    .ant-col-xl-pull-4.ant-col-rtl {
      right: auto;
      left: 16.66666667%;
    }

    .ant-col-xl-offset-4.ant-col-rtl {
      margin-right: 16.66666667%;
      margin-left: 0;
    }

    .ant-col-xl-push-5.ant-col-rtl {
      right: 20.83333333%;
      left: auto;
    }

    .ant-col-xl-pull-5.ant-col-rtl {
      right: auto;
      left: 20.83333333%;
    }

    .ant-col-xl-offset-5.ant-col-rtl {
      margin-right: 20.83333333%;
      margin-left: 0;
    }

    .ant-col-xl-push-6.ant-col-rtl {
      right: 25%;
      left: auto;
    }

    .ant-col-xl-pull-6.ant-col-rtl {
      right: auto;
      left: 25%;
    }

    .ant-col-xl-offset-6.ant-col-rtl {
      margin-right: 25%;
      margin-left: 0;
    }

    .ant-col-xl-push-7.ant-col-rtl {
      right: 29.16666667%;
      left: auto;
    }

    .ant-col-xl-pull-7.ant-col-rtl {
      right: auto;
      left: 29.16666667%;
    }

    .ant-col-xl-offset-7.ant-col-rtl {
      margin-right: 29.16666667%;
      margin-left: 0;
    }

    .ant-col-xl-push-8.ant-col-rtl {
      right: 33.33333333%;
      left: auto;
    }

    .ant-col-xl-pull-8.ant-col-rtl {
      right: auto;
      left: 33.33333333%;
    }

    .ant-col-xl-offset-8.ant-col-rtl {
      margin-right: 33.33333333%;
      margin-left: 0;
    }

    .ant-col-xl-push-9.ant-col-rtl {
      right: 37.5%;
      left: auto;
    }

    .ant-col-xl-pull-9.ant-col-rtl {
      right: auto;
      left: 37.5%;
    }

    .ant-col-xl-offset-9.ant-col-rtl {
      margin-right: 37.5%;
      margin-left: 0;
    }

    .ant-col-xl-push-10.ant-col-rtl {
      right: 41.66666667%;
      left: auto;
    }

    .ant-col-xl-pull-10.ant-col-rtl {
      right: auto;
      left: 41.66666667%;
    }

    .ant-col-xl-offset-10.ant-col-rtl {
      margin-right: 41.66666667%;
      margin-left: 0;
    }

    .ant-col-xl-push-11.ant-col-rtl {
      right: 45.83333333%;
      left: auto;
    }

    .ant-col-xl-pull-11.ant-col-rtl {
      right: auto;
      left: 45.83333333%;
    }

    .ant-col-xl-offset-11.ant-col-rtl {
      margin-right: 45.83333333%;
      margin-left: 0;
    }

    .ant-col-xl-push-12.ant-col-rtl {
      right: 50%;
      left: auto;
    }

    .ant-col-xl-pull-12.ant-col-rtl {
      right: auto;
      left: 50%;
    }

    .ant-col-xl-offset-12.ant-col-rtl {
      margin-right: 50%;
      margin-left: 0;
    }

    .ant-col-xl-push-13.ant-col-rtl {
      right: 54.16666667%;
      left: auto;
    }

    .ant-col-xl-pull-13.ant-col-rtl {
      right: auto;
      left: 54.16666667%;
    }

    .ant-col-xl-offset-13.ant-col-rtl {
      margin-right: 54.16666667%;
      margin-left: 0;
    }

    .ant-col-xl-push-14.ant-col-rtl {
      right: 58.33333333%;
      left: auto;
    }

    .ant-col-xl-pull-14.ant-col-rtl {
      right: auto;
      left: 58.33333333%;
    }

    .ant-col-xl-offset-14.ant-col-rtl {
      margin-right: 58.33333333%;
      margin-left: 0;
    }

    .ant-col-xl-push-15.ant-col-rtl {
      right: 62.5%;
      left: auto;
    }

    .ant-col-xl-pull-15.ant-col-rtl {
      right: auto;
      left: 62.5%;
    }

    .ant-col-xl-offset-15.ant-col-rtl {
      margin-right: 62.5%;
      margin-left: 0;
    }

    .ant-col-xl-push-16.ant-col-rtl {
      right: 66.66666667%;
      left: auto;
    }

    .ant-col-xl-pull-16.ant-col-rtl {
      right: auto;
      left: 66.66666667%;
    }

    .ant-col-xl-offset-16.ant-col-rtl {
      margin-right: 66.66666667%;
      margin-left: 0;
    }

    .ant-col-xl-push-17.ant-col-rtl {
      right: 70.83333333%;
      left: auto;
    }

    .ant-col-xl-pull-17.ant-col-rtl {
      right: auto;
      left: 70.83333333%;
    }

    .ant-col-xl-offset-17.ant-col-rtl {
      margin-right: 70.83333333%;
      margin-left: 0;
    }

    .ant-col-xl-push-18.ant-col-rtl {
      right: 75%;
      left: auto;
    }

    .ant-col-xl-pull-18.ant-col-rtl {
      right: auto;
      left: 75%;
    }

    .ant-col-xl-offset-18.ant-col-rtl {
      margin-right: 75%;
      margin-left: 0;
    }

    .ant-col-xl-push-19.ant-col-rtl {
      right: 79.16666667%;
      left: auto;
    }

    .ant-col-xl-pull-19.ant-col-rtl {
      right: auto;
      left: 79.16666667%;
    }

    .ant-col-xl-offset-19.ant-col-rtl {
      margin-right: 79.16666667%;
      margin-left: 0;
    }

    .ant-col-xl-push-20.ant-col-rtl {
      right: 83.33333333%;
      left: auto;
    }

    .ant-col-xl-pull-20.ant-col-rtl {
      right: auto;
      left: 83.33333333%;
    }

    .ant-col-xl-offset-20.ant-col-rtl {
      margin-right: 83.33333333%;
      margin-left: 0;
    }

    .ant-col-xl-push-21.ant-col-rtl {
      right: 87.5%;
      left: auto;
    }

    .ant-col-xl-pull-21.ant-col-rtl {
      right: auto;
      left: 87.5%;
    }

    .ant-col-xl-offset-21.ant-col-rtl {
      margin-right: 87.5%;
      margin-left: 0;
    }

    .ant-col-xl-push-22.ant-col-rtl {
      right: 91.66666667%;
      left: auto;
    }

    .ant-col-xl-pull-22.ant-col-rtl {
      right: auto;
      left: 91.66666667%;
    }

    .ant-col-xl-offset-22.ant-col-rtl {
      margin-right: 91.66666667%;
      margin-left: 0;
    }

    .ant-col-xl-push-23.ant-col-rtl {
      right: 95.83333333%;
      left: auto;
    }

    .ant-col-xl-pull-23.ant-col-rtl {
      right: auto;
      left: 95.83333333%;
    }

    .ant-col-xl-offset-23.ant-col-rtl {
      margin-right: 95.83333333%;
      margin-left: 0;
    }

    .ant-col-xl-push-24.ant-col-rtl {
      right: 100%;
      left: auto;
    }

    .ant-col-xl-pull-24.ant-col-rtl {
      right: auto;
      left: 100%;
    }

    .ant-col-xl-offset-24.ant-col-rtl {
      margin-right: 100%;
      margin-left: 0;
    }
  }

  @media (min-width: 1600px) {
    .ant-col-xxl-24 {
      display: block;
      flex: 0 0 100%;
      max-width: 100%;
    }

    .ant-col-xxl-push-24 {
      left: 100%;
    }

    .ant-col-xxl-pull-24 {
      right: 100%;
    }

    .ant-col-xxl-offset-24 {
      margin-left: 100%;
    }

    .ant-col-xxl-order-24 {
      order: 24;
    }

    .ant-col-xxl-23 {
      display: block;
      flex: 0 0 95.83333333%;
      max-width: 95.83333333%;
    }

    .ant-col-xxl-push-23 {
      left: 95.83333333%;
    }

    .ant-col-xxl-pull-23 {
      right: 95.83333333%;
    }

    .ant-col-xxl-offset-23 {
      margin-left: 95.83333333%;
    }

    .ant-col-xxl-order-23 {
      order: 23;
    }

    .ant-col-xxl-22 {
      display: block;
      flex: 0 0 91.66666667%;
      max-width: 91.66666667%;
    }

    .ant-col-xxl-push-22 {
      left: 91.66666667%;
    }

    .ant-col-xxl-pull-22 {
      right: 91.66666667%;
    }

    .ant-col-xxl-offset-22 {
      margin-left: 91.66666667%;
    }

    .ant-col-xxl-order-22 {
      order: 22;
    }

    .ant-col-xxl-21 {
      display: block;
      flex: 0 0 87.5%;
      max-width: 87.5%;
    }

    .ant-col-xxl-push-21 {
      left: 87.5%;
    }

    .ant-col-xxl-pull-21 {
      right: 87.5%;
    }

    .ant-col-xxl-offset-21 {
      margin-left: 87.5%;
    }

    .ant-col-xxl-order-21 {
      order: 21;
    }

    .ant-col-xxl-20 {
      display: block;
      flex: 0 0 83.33333333%;
      max-width: 83.33333333%;
    }

    .ant-col-xxl-push-20 {
      left: 83.33333333%;
    }

    .ant-col-xxl-pull-20 {
      right: 83.33333333%;
    }

    .ant-col-xxl-offset-20 {
      margin-left: 83.33333333%;
    }

    .ant-col-xxl-order-20 {
      order: 20;
    }

    .ant-col-xxl-19 {
      display: block;
      flex: 0 0 79.16666667%;
      max-width: 79.16666667%;
    }

    .ant-col-xxl-push-19 {
      left: 79.16666667%;
    }

    .ant-col-xxl-pull-19 {
      right: 79.16666667%;
    }

    .ant-col-xxl-offset-19 {
      margin-left: 79.16666667%;
    }

    .ant-col-xxl-order-19 {
      order: 19;
    }

    .ant-col-xxl-18 {
      display: block;
      flex: 0 0 75%;
      max-width: 75%;
    }

    .ant-col-xxl-push-18 {
      left: 75%;
    }

    .ant-col-xxl-pull-18 {
      right: 75%;
    }

    .ant-col-xxl-offset-18 {
      margin-left: 75%;
    }

    .ant-col-xxl-order-18 {
      order: 18;
    }

    .ant-col-xxl-17 {
      display: block;
      flex: 0 0 70.83333333%;
      max-width: 70.83333333%;
    }

    .ant-col-xxl-push-17 {
      left: 70.83333333%;
    }

    .ant-col-xxl-pull-17 {
      right: 70.83333333%;
    }

    .ant-col-xxl-offset-17 {
      margin-left: 70.83333333%;
    }

    .ant-col-xxl-order-17 {
      order: 17;
    }

    .ant-col-xxl-16 {
      display: block;
      flex: 0 0 66.66666667%;
      max-width: 66.66666667%;
    }

    .ant-col-xxl-push-16 {
      left: 66.66666667%;
    }

    .ant-col-xxl-pull-16 {
      right: 66.66666667%;
    }

    .ant-col-xxl-offset-16 {
      margin-left: 66.66666667%;
    }

    .ant-col-xxl-order-16 {
      order: 16;
    }

    .ant-col-xxl-15 {
      display: block;
      flex: 0 0 62.5%;
      max-width: 62.5%;
    }

    .ant-col-xxl-push-15 {
      left: 62.5%;
    }

    .ant-col-xxl-pull-15 {
      right: 62.5%;
    }

    .ant-col-xxl-offset-15 {
      margin-left: 62.5%;
    }

    .ant-col-xxl-order-15 {
      order: 15;
    }

    .ant-col-xxl-14 {
      display: block;
      flex: 0 0 58.33333333%;
      max-width: 58.33333333%;
    }

    .ant-col-xxl-push-14 {
      left: 58.33333333%;
    }

    .ant-col-xxl-pull-14 {
      right: 58.33333333%;
    }

    .ant-col-xxl-offset-14 {
      margin-left: 58.33333333%;
    }

    .ant-col-xxl-order-14 {
      order: 14;
    }

    .ant-col-xxl-13 {
      display: block;
      flex: 0 0 54.16666667%;
      max-width: 54.16666667%;
    }

    .ant-col-xxl-push-13 {
      left: 54.16666667%;
    }

    .ant-col-xxl-pull-13 {
      right: 54.16666667%;
    }

    .ant-col-xxl-offset-13 {
      margin-left: 54.16666667%;
    }

    .ant-col-xxl-order-13 {
      order: 13;
    }

    .ant-col-xxl-12 {
      display: block;
      flex: 0 0 50%;
      max-width: 50%;
    }

    .ant-col-xxl-push-12 {
      left: 50%;
    }

    .ant-col-xxl-pull-12 {
      right: 50%;
    }

    .ant-col-xxl-offset-12 {
      margin-left: 50%;
    }

    .ant-col-xxl-order-12 {
      order: 12;
    }

    .ant-col-xxl-11 {
      display: block;
      flex: 0 0 45.83333333%;
      max-width: 45.83333333%;
    }

    .ant-col-xxl-push-11 {
      left: 45.83333333%;
    }

    .ant-col-xxl-pull-11 {
      right: 45.83333333%;
    }

    .ant-col-xxl-offset-11 {
      margin-left: 45.83333333%;
    }

    .ant-col-xxl-order-11 {
      order: 11;
    }

    .ant-col-xxl-10 {
      display: block;
      flex: 0 0 41.66666667%;
      max-width: 41.66666667%;
    }

    .ant-col-xxl-push-10 {
      left: 41.66666667%;
    }

    .ant-col-xxl-pull-10 {
      right: 41.66666667%;
    }

    .ant-col-xxl-offset-10 {
      margin-left: 41.66666667%;
    }

    .ant-col-xxl-order-10 {
      order: 10;
    }

    .ant-col-xxl-9 {
      display: block;
      flex: 0 0 37.5%;
      max-width: 37.5%;
    }

    .ant-col-xxl-push-9 {
      left: 37.5%;
    }

    .ant-col-xxl-pull-9 {
      right: 37.5%;
    }

    .ant-col-xxl-offset-9 {
      margin-left: 37.5%;
    }

    .ant-col-xxl-order-9 {
      order: 9;
    }

    .ant-col-xxl-8 {
      display: block;
      flex: 0 0 33.33333333%;
      max-width: 33.33333333%;
    }

    .ant-col-xxl-push-8 {
      left: 33.33333333%;
    }

    .ant-col-xxl-pull-8 {
      right: 33.33333333%;
    }

    .ant-col-xxl-offset-8 {
      margin-left: 33.33333333%;
    }

    .ant-col-xxl-order-8 {
      order: 8;
    }

    .ant-col-xxl-7 {
      display: block;
      flex: 0 0 29.16666667%;
      max-width: 29.16666667%;
    }

    .ant-col-xxl-push-7 {
      left: 29.16666667%;
    }

    .ant-col-xxl-pull-7 {
      right: 29.16666667%;
    }

    .ant-col-xxl-offset-7 {
      margin-left: 29.16666667%;
    }

    .ant-col-xxl-order-7 {
      order: 7;
    }

    .ant-col-xxl-6 {
      display: block;
      flex: 0 0 25%;
      max-width: 25%;
    }

    .ant-col-xxl-push-6 {
      left: 25%;
    }

    .ant-col-xxl-pull-6 {
      right: 25%;
    }

    .ant-col-xxl-offset-6 {
      margin-left: 25%;
    }

    .ant-col-xxl-order-6 {
      order: 6;
    }

    .ant-col-xxl-5 {
      display: block;
      flex: 0 0 20.83333333%;
      max-width: 20.83333333%;
    }

    .ant-col-xxl-push-5 {
      left: 20.83333333%;
    }

    .ant-col-xxl-pull-5 {
      right: 20.83333333%;
    }

    .ant-col-xxl-offset-5 {
      margin-left: 20.83333333%;
    }

    .ant-col-xxl-order-5 {
      order: 5;
    }

    .ant-col-xxl-4 {
      display: block;
      flex: 0 0 16.66666667%;
      max-width: 16.66666667%;
    }

    .ant-col-xxl-push-4 {
      left: 16.66666667%;
    }

    .ant-col-xxl-pull-4 {
      right: 16.66666667%;
    }

    .ant-col-xxl-offset-4 {
      margin-left: 16.66666667%;
    }

    .ant-col-xxl-order-4 {
      order: 4;
    }

    .ant-col-xxl-3 {
      display: block;
      flex: 0 0 12.5%;
      max-width: 12.5%;
    }

    .ant-col-xxl-push-3 {
      left: 12.5%;
    }

    .ant-col-xxl-pull-3 {
      right: 12.5%;
    }

    .ant-col-xxl-offset-3 {
      margin-left: 12.5%;
    }

    .ant-col-xxl-order-3 {
      order: 3;
    }

    .ant-col-xxl-2 {
      display: block;
      flex: 0 0 8.33333333%;
      max-width: 8.33333333%;
    }

    .ant-col-xxl-push-2 {
      left: 8.33333333%;
    }

    .ant-col-xxl-pull-2 {
      right: 8.33333333%;
    }

    .ant-col-xxl-offset-2 {
      margin-left: 8.33333333%;
    }

    .ant-col-xxl-order-2 {
      order: 2;
    }

    .ant-col-xxl-1 {
      display: block;
      flex: 0 0 4.16666667%;
      max-width: 4.16666667%;
    }

    .ant-col-xxl-push-1 {
      left: 4.16666667%;
    }

    .ant-col-xxl-pull-1 {
      right: 4.16666667%;
    }

    .ant-col-xxl-offset-1 {
      margin-left: 4.16666667%;
    }

    .ant-col-xxl-order-1 {
      order: 1;
    }

    .ant-col-xxl-0 {
      display: none;
    }

    .ant-col-push-0 {
      left: auto;
    }

    .ant-col-pull-0 {
      right: auto;
    }

    .ant-col-xxl-push-0 {
      left: auto;
    }

    .ant-col-xxl-pull-0 {
      right: auto;
    }

    .ant-col-xxl-offset-0 {
      margin-left: 0;
    }

    .ant-col-xxl-order-0 {
      order: 0;
    }

    .ant-col-push-0.ant-col-rtl {
      right: auto;
    }

    .ant-col-pull-0.ant-col-rtl {
      left: auto;
    }

    .ant-col-xxl-push-0.ant-col-rtl {
      right: auto;
    }

    .ant-col-xxl-pull-0.ant-col-rtl {
      left: auto;
    }

    .ant-col-xxl-offset-0.ant-col-rtl {
      margin-right: 0;
    }

    .ant-col-xxl-push-1.ant-col-rtl {
      right: 4.16666667%;
      left: auto;
    }

    .ant-col-xxl-pull-1.ant-col-rtl {
      right: auto;
      left: 4.16666667%;
    }

    .ant-col-xxl-offset-1.ant-col-rtl {
      margin-right: 4.16666667%;
      margin-left: 0;
    }

    .ant-col-xxl-push-2.ant-col-rtl {
      right: 8.33333333%;
      left: auto;
    }

    .ant-col-xxl-pull-2.ant-col-rtl {
      right: auto;
      left: 8.33333333%;
    }

    .ant-col-xxl-offset-2.ant-col-rtl {
      margin-right: 8.33333333%;
      margin-left: 0;
    }

    .ant-col-xxl-push-3.ant-col-rtl {
      right: 12.5%;
      left: auto;
    }

    .ant-col-xxl-pull-3.ant-col-rtl {
      right: auto;
      left: 12.5%;
    }

    .ant-col-xxl-offset-3.ant-col-rtl {
      margin-right: 12.5%;
      margin-left: 0;
    }

    .ant-col-xxl-push-4.ant-col-rtl {
      right: 16.66666667%;
      left: auto;
    }

    .ant-col-xxl-pull-4.ant-col-rtl {
      right: auto;
      left: 16.66666667%;
    }

    .ant-col-xxl-offset-4.ant-col-rtl {
      margin-right: 16.66666667%;
      margin-left: 0;
    }

    .ant-col-xxl-push-5.ant-col-rtl {
      right: 20.83333333%;
      left: auto;
    }

    .ant-col-xxl-pull-5.ant-col-rtl {
      right: auto;
      left: 20.83333333%;
    }

    .ant-col-xxl-offset-5.ant-col-rtl {
      margin-right: 20.83333333%;
      margin-left: 0;
    }

    .ant-col-xxl-push-6.ant-col-rtl {
      right: 25%;
      left: auto;
    }

    .ant-col-xxl-pull-6.ant-col-rtl {
      right: auto;
      left: 25%;
    }

    .ant-col-xxl-offset-6.ant-col-rtl {
      margin-right: 25%;
      margin-left: 0;
    }

    .ant-col-xxl-push-7.ant-col-rtl {
      right: 29.16666667%;
      left: auto;
    }

    .ant-col-xxl-pull-7.ant-col-rtl {
      right: auto;
      left: 29.16666667%;
    }

    .ant-col-xxl-offset-7.ant-col-rtl {
      margin-right: 29.16666667%;
      margin-left: 0;
    }

    .ant-col-xxl-push-8.ant-col-rtl {
      right: 33.33333333%;
      left: auto;
    }

    .ant-col-xxl-pull-8.ant-col-rtl {
      right: auto;
      left: 33.33333333%;
    }

    .ant-col-xxl-offset-8.ant-col-rtl {
      margin-right: 33.33333333%;
      margin-left: 0;
    }

    .ant-col-xxl-push-9.ant-col-rtl {
      right: 37.5%;
      left: auto;
    }

    .ant-col-xxl-pull-9.ant-col-rtl {
      right: auto;
      left: 37.5%;
    }

    .ant-col-xxl-offset-9.ant-col-rtl {
      margin-right: 37.5%;
      margin-left: 0;
    }

    .ant-col-xxl-push-10.ant-col-rtl {
      right: 41.66666667%;
      left: auto;
    }

    .ant-col-xxl-pull-10.ant-col-rtl {
      right: auto;
      left: 41.66666667%;
    }

    .ant-col-xxl-offset-10.ant-col-rtl {
      margin-right: 41.66666667%;
      margin-left: 0;
    }

    .ant-col-xxl-push-11.ant-col-rtl {
      right: 45.83333333%;
      left: auto;
    }

    .ant-col-xxl-pull-11.ant-col-rtl {
      right: auto;
      left: 45.83333333%;
    }

    .ant-col-xxl-offset-11.ant-col-rtl {
      margin-right: 45.83333333%;
      margin-left: 0;
    }

    .ant-col-xxl-push-12.ant-col-rtl {
      right: 50%;
      left: auto;
    }

    .ant-col-xxl-pull-12.ant-col-rtl {
      right: auto;
      left: 50%;
    }

    .ant-col-xxl-offset-12.ant-col-rtl {
      margin-right: 50%;
      margin-left: 0;
    }

    .ant-col-xxl-push-13.ant-col-rtl {
      right: 54.16666667%;
      left: auto;
    }

    .ant-col-xxl-pull-13.ant-col-rtl {
      right: auto;
      left: 54.16666667%;
    }

    .ant-col-xxl-offset-13.ant-col-rtl {
      margin-right: 54.16666667%;
      margin-left: 0;
    }

    .ant-col-xxl-push-14.ant-col-rtl {
      right: 58.33333333%;
      left: auto;
    }

    .ant-col-xxl-pull-14.ant-col-rtl {
      right: auto;
      left: 58.33333333%;
    }

    .ant-col-xxl-offset-14.ant-col-rtl {
      margin-right: 58.33333333%;
      margin-left: 0;
    }

    .ant-col-xxl-push-15.ant-col-rtl {
      right: 62.5%;
      left: auto;
    }

    .ant-col-xxl-pull-15.ant-col-rtl {
      right: auto;
      left: 62.5%;
    }

    .ant-col-xxl-offset-15.ant-col-rtl {
      margin-right: 62.5%;
      margin-left: 0;
    }

    .ant-col-xxl-push-16.ant-col-rtl {
      right: 66.66666667%;
      left: auto;
    }

    .ant-col-xxl-pull-16.ant-col-rtl {
      right: auto;
      left: 66.66666667%;
    }

    .ant-col-xxl-offset-16.ant-col-rtl {
      margin-right: 66.66666667%;
      margin-left: 0;
    }

    .ant-col-xxl-push-17.ant-col-rtl {
      right: 70.83333333%;
      left: auto;
    }

    .ant-col-xxl-pull-17.ant-col-rtl {
      right: auto;
      left: 70.83333333%;
    }

    .ant-col-xxl-offset-17.ant-col-rtl {
      margin-right: 70.83333333%;
      margin-left: 0;
    }

    .ant-col-xxl-push-18.ant-col-rtl {
      right: 75%;
      left: auto;
    }

    .ant-col-xxl-pull-18.ant-col-rtl {
      right: auto;
      left: 75%;
    }

    .ant-col-xxl-offset-18.ant-col-rtl {
      margin-right: 75%;
      margin-left: 0;
    }

    .ant-col-xxl-push-19.ant-col-rtl {
      right: 79.16666667%;
      left: auto;
    }

    .ant-col-xxl-pull-19.ant-col-rtl {
      right: auto;
      left: 79.16666667%;
    }

    .ant-col-xxl-offset-19.ant-col-rtl {
      margin-right: 79.16666667%;
      margin-left: 0;
    }

    .ant-col-xxl-push-20.ant-col-rtl {
      right: 83.33333333%;
      left: auto;
    }

    .ant-col-xxl-pull-20.ant-col-rtl {
      right: auto;
      left: 83.33333333%;
    }

    .ant-col-xxl-offset-20.ant-col-rtl {
      margin-right: 83.33333333%;
      margin-left: 0;
    }

    .ant-col-xxl-push-21.ant-col-rtl {
      right: 87.5%;
      left: auto;
    }

    .ant-col-xxl-pull-21.ant-col-rtl {
      right: auto;
      left: 87.5%;
    }

    .ant-col-xxl-offset-21.ant-col-rtl {
      margin-right: 87.5%;
      margin-left: 0;
    }

    .ant-col-xxl-push-22.ant-col-rtl {
      right: 91.66666667%;
      left: auto;
    }

    .ant-col-xxl-pull-22.ant-col-rtl {
      right: auto;
      left: 91.66666667%;
    }

    .ant-col-xxl-offset-22.ant-col-rtl {
      margin-right: 91.66666667%;
      margin-left: 0;
    }

    .ant-col-xxl-push-23.ant-col-rtl {
      right: 95.83333333%;
      left: auto;
    }

    .ant-col-xxl-pull-23.ant-col-rtl {
      right: auto;
      left: 95.83333333%;
    }

    .ant-col-xxl-offset-23.ant-col-rtl {
      margin-right: 95.83333333%;
      margin-left: 0;
    }

    .ant-col-xxl-push-24.ant-col-rtl {
      right: 100%;
      left: auto;
    }

    .ant-col-xxl-pull-24.ant-col-rtl {
      right: auto;
      left: 100%;
    }

    .ant-col-xxl-offset-24.ant-col-rtl {
      margin-right: 100%;
      margin-left: 0;
    }
  }

  .ant-row-rtl {
    direction: rtl;
  }

  .ant-image {
    position: relative;
    display: inline-block;
  }

  .ant-image-img {
    width: 100%;
    height: auto;
    vertical-align: middle;
  }

  .ant-image-img-placeholder {
    background-color: #f5f5f5;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30%;
  }

  .ant-image-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s;
  }

  .ant-image-mask-info {
    padding: 0 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .ant-image-mask-info .anticon {
    margin-inline-end: 4px;
  }

  .ant-image-mask:hover {
    opacity: 1;
  }

  .ant-image-placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .ant-image-preview {
    pointer-events: none;
    height: 100%;
    text-align: center;
  }

  .ant-image-preview.ant-zoom-enter,
  .ant-image-preview.ant-zoom-appear {
    transform: none;
    opacity: 0;
    animation-duration: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-image-preview-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
  }

  .ant-image-preview-mask-hidden {
    display: none;
  }

  .ant-image-preview-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    outline: 0;
  }

  .ant-image-preview-body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
  }

  .ant-image-preview-img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    transform: scale3d(1, 1, 1);
    cursor: grab;
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: auto;
  }

  .ant-image-preview-img-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  }

  .ant-image-preview-img-wrapper::before {
    display: inline-block;
    width: 1px;
    height: 50%;
    margin-right: -1px;
    content: "";
  }

  .ant-image-preview-moving .ant-image-preview-img {
    cursor: grabbing;
  }

  .ant-image-preview-moving .ant-image-preview-img-wrapper {
    transition-duration: 0s;
  }

  .ant-image-preview-wrap {
    z-index: 1080;
  }

  .ant-image-preview-operations-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1081;
    width: 100%;
  }

  .ant-image-preview-operations {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    font-feature-settings: "tnum";
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    color: rgba(255, 255, 255, 0.85);
    list-style: none;
    background: rgba(0, 0, 0, 0.1);
    pointer-events: auto;
  }

  .ant-image-preview-operations-operation {
    margin-left: 12px;
    padding: 12px;
    cursor: pointer;
    transition: all 0.3s;
  }

  .ant-image-preview-operations-operation:hover {
    background: rgba(0, 0, 0, 0.2);
  }

  .ant-image-preview-operations-operation-disabled {
    color: rgba(255, 255, 255, 0.25);
    pointer-events: none;
  }

  .ant-image-preview-operations-operation:last-of-type {
    margin-left: 0;
  }

  .ant-image-preview-operations-progress {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  .ant-image-preview-operations-icon {
    font-size: 18px;
  }

  .ant-image-preview-switch-left,
  .ant-image-preview-switch-right {
    position: fixed;
    top: 50%;
    right: 8px;
    z-index: 1081;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: rgba(255, 255, 255, 0.85);
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 0.3s;
    pointer-events: auto;
  }

  .ant-image-preview-switch-left:hover,
  .ant-image-preview-switch-right:hover {
    background: rgba(0, 0, 0, 0.2);
  }

  .ant-image-preview-switch-left-disabled,
  .ant-image-preview-switch-right-disabled,
  .ant-image-preview-switch-left-disabled:hover,
  .ant-image-preview-switch-right-disabled:hover {
    color: rgba(255, 255, 255, 0.25);
    background: rgba(0, 0, 0, 0.1);
    cursor: not-allowed;
  }

  .ant-image-preview-switch-left-disabled > .anticon,
  .ant-image-preview-switch-right-disabled > .anticon,
  .ant-image-preview-switch-left-disabled:hover > .anticon,
  .ant-image-preview-switch-right-disabled:hover > .anticon {
    cursor: not-allowed;
  }

  .ant-image-preview-switch-left > .anticon,
  .ant-image-preview-switch-right > .anticon {
    font-size: 18px;
  }

  .ant-image-preview-switch-left {
    left: 8px;
  }

  .ant-image-preview-switch-right {
    right: 8px;
  }

  .ant-input-number-affix-wrapper {
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: transparent;
    background-image: none;
    border: 1px solid #434343;
    border-radius: 2px;
    transition: all 0.3s;
    position: relative;
    display: inline-flex;
    width: 90px;
    padding: 0;
    padding-inline-start: 11px;
  }

  .ant-input-number-affix-wrapper::-moz-placeholder {
    color: rgba(255, 255, 255, 0.3);
    -moz-user-select: none;
    user-select: none;
  }

  .ant-input-number-affix-wrapper:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
    -ms-user-select: none;
    user-select: none;
  }

  .ant-input-number-affix-wrapper::placeholder {
    color: rgba(255, 255, 255, 0.3);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-input-number-affix-wrapper:-moz-placeholder-shown {
    text-overflow: ellipsis;
  }

  .ant-input-number-affix-wrapper:-ms-input-placeholder {
    text-overflow: ellipsis;
  }

  .ant-input-number-affix-wrapper:placeholder-shown {
    text-overflow: ellipsis;
  }

  .ant-input-number-affix-wrapper:hover {
    border-color: #165996;
    border-right-width: 1px;
  }

  .ant-input-number-affix-wrapper:focus,
  .ant-input-number-affix-wrapper-focused {
    border-color: #177ddc;
    box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-input-number-affix-wrapper-disabled {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }

  .ant-input-number-affix-wrapper-disabled:hover {
    border-color: #434343;
    border-right-width: 1px;
  }

  .ant-input-number-affix-wrapper[disabled] {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }

  .ant-input-number-affix-wrapper[disabled]:hover {
    border-color: #434343;
    border-right-width: 1px;
  }

  .ant-input-number-affix-wrapper-borderless,
  .ant-input-number-affix-wrapper-borderless:hover,
  .ant-input-number-affix-wrapper-borderless:focus,
  .ant-input-number-affix-wrapper-borderless-focused,
  .ant-input-number-affix-wrapper-borderless-disabled,
  .ant-input-number-affix-wrapper-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none;
  }

  textarea.ant-input-number-affix-wrapper {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all 0.3s, height 0s;
  }

  .ant-input-number-affix-wrapper-lg {
    padding: 6.5px 11px;
    font-size: 16px;
  }

  .ant-input-number-affix-wrapper-sm {
    padding: 0 7px;
  }

  .ant-input-number-affix-wrapper:not(
      .ant-input-number-affix-wrapper-disabled
    ):hover {
    border-color: #165996;
    border-right-width: 1px;
    z-index: 1;
  }

  .ant-input-number-affix-wrapper-focused,
  .ant-input-number-affix-wrapper:focus {
    z-index: 1;
  }

  .ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] {
    background: 0 0;
  }

  .ant-input-number-affix-wrapper > div.ant-input-number {
    width: 100%;
    border: none;
    outline: none;
  }

  .ant-input-number-affix-wrapper
    > div.ant-input-number.ant-input-number-focused {
    box-shadow: none !important;
  }

  .ant-input-number-affix-wrapper input.ant-input-number-input {
    padding: 0;
  }

  .ant-input-number-affix-wrapper::before {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: "\a0";
  }

  .ant-input-number-affix-wrapper .ant-input-number-handler-wrap {
    z-index: 2;
  }

  .ant-input-number-prefix,
  .ant-input-number-suffix {
    display: flex;
    flex: none;
    align-items: center;
    pointer-events: none;
  }

  .ant-input-number-prefix {
    margin-inline-end: 4px;
  }

  .ant-input-number-suffix {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    height: 100%;
    margin-right: 11px;
    margin-left: 4px;
  }

  .ant-input-number-group-wrapper .ant-input-number-affix-wrapper {
    width: 100%;
  }

  .ant-input-number-status-error:not(.ant-input-number-disabled):not(
      .ant-input-number-borderless
    ).ant-input-number,
  .ant-input-number-status-error:not(.ant-input-number-disabled):not(
      .ant-input-number-borderless
    ).ant-input-number:hover {
    background: 0 0;
    border-color: #a61d24;
  }

  .ant-input-number-status-error:not(.ant-input-number-disabled):not(
      .ant-input-number-borderless
    ).ant-input-number:focus,
  .ant-input-number-status-error:not(.ant-input-number-disabled):not(
      .ant-input-number-borderless
    ).ant-input-number-focused {
    border-color: #a61d24;
    box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-input-number-status-error .ant-input-number-prefix {
    color: #a61d24;
  }

  .ant-input-number-status-warning:not(.ant-input-number-disabled):not(
      .ant-input-number-borderless
    ).ant-input-number,
  .ant-input-number-status-warning:not(.ant-input-number-disabled):not(
      .ant-input-number-borderless
    ).ant-input-number:hover {
    background: 0 0;
    border-color: #d89614;
  }

  .ant-input-number-status-warning:not(.ant-input-number-disabled):not(
      .ant-input-number-borderless
    ).ant-input-number:focus,
  .ant-input-number-status-warning:not(.ant-input-number-disabled):not(
      .ant-input-number-borderless
    ).ant-input-number-focused {
    border-color: #d89614;
    box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-input-number-status-warning .ant-input-number-prefix {
    color: #d89614;
  }

  .ant-input-number-affix-wrapper-status-error:not(
      .ant-input-number-affix-wrapper-disabled
    ):not(
      .ant-input-number-affix-wrapper-borderless
    ).ant-input-number-affix-wrapper,
  .ant-input-number-affix-wrapper-status-error:not(
      .ant-input-number-affix-wrapper-disabled
    ):not(
      .ant-input-number-affix-wrapper-borderless
    ).ant-input-number-affix-wrapper:hover {
    background: 0 0;
    border-color: #a61d24;
  }

  .ant-input-number-affix-wrapper-status-error:not(
      .ant-input-number-affix-wrapper-disabled
    ):not(
      .ant-input-number-affix-wrapper-borderless
    ).ant-input-number-affix-wrapper:focus,
  .ant-input-number-affix-wrapper-status-error:not(
      .ant-input-number-affix-wrapper-disabled
    ):not(
      .ant-input-number-affix-wrapper-borderless
    ).ant-input-number-affix-wrapper-focused {
    border-color: #a61d24;
    box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-input-number-affix-wrapper-status-error .ant-input-number-prefix {
    color: #a61d24;
  }

  .ant-input-number-affix-wrapper-status-warning:not(
      .ant-input-number-affix-wrapper-disabled
    ):not(
      .ant-input-number-affix-wrapper-borderless
    ).ant-input-number-affix-wrapper,
  .ant-input-number-affix-wrapper-status-warning:not(
      .ant-input-number-affix-wrapper-disabled
    ):not(
      .ant-input-number-affix-wrapper-borderless
    ).ant-input-number-affix-wrapper:hover {
    background: 0 0;
    border-color: #d89614;
  }

  .ant-input-number-affix-wrapper-status-warning:not(
      .ant-input-number-affix-wrapper-disabled
    ):not(
      .ant-input-number-affix-wrapper-borderless
    ).ant-input-number-affix-wrapper:focus,
  .ant-input-number-affix-wrapper-status-warning:not(
      .ant-input-number-affix-wrapper-disabled
    ):not(
      .ant-input-number-affix-wrapper-borderless
    ).ant-input-number-affix-wrapper-focused {
    border-color: #d89614;
    box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix {
    color: #d89614;
  }

  .ant-input-number-group-wrapper-status-error .ant-input-number-group-addon {
    color: #a61d24;
    border-color: #a61d24;
  }

  .ant-input-number-group-wrapper-status-warning .ant-input-number-group-addon {
    color: #d89614;
    border-color: #d89614;
  }

  .ant-input-number {
    box-sizing: border-box;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: transparent;
    background-image: none;
    transition: all 0.3s;
    display: inline-block;
    width: 90px;
    margin: 0;
    padding: 0;
    border: 1px solid #434343;
    border-radius: 2px;
  }

  .ant-input-number::-moz-placeholder {
    color: rgba(255, 255, 255, 0.3);
    -moz-user-select: none;
    user-select: none;
  }

  .ant-input-number:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
    -ms-user-select: none;
    user-select: none;
  }

  .ant-input-number::placeholder {
    color: rgba(255, 255, 255, 0.3);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-input-number:-moz-placeholder-shown {
    text-overflow: ellipsis;
  }

  .ant-input-number:-ms-input-placeholder {
    text-overflow: ellipsis;
  }

  .ant-input-number:placeholder-shown {
    text-overflow: ellipsis;
  }

  .ant-input-number:hover {
    border-color: #165996;
    border-right-width: 1px;
  }

  .ant-input-number:focus,
  .ant-input-number-focused {
    border-color: #177ddc;
    box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-input-number-disabled {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }

  .ant-input-number-disabled:hover {
    border-color: #434343;
    border-right-width: 1px;
  }

  .ant-input-number[disabled] {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }

  .ant-input-number[disabled]:hover {
    border-color: #434343;
    border-right-width: 1px;
  }

  .ant-input-number-borderless,
  .ant-input-number-borderless:hover,
  .ant-input-number-borderless:focus,
  .ant-input-number-borderless-focused,
  .ant-input-number-borderless-disabled,
  .ant-input-number-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none;
  }

  textarea.ant-input-number {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all 0.3s, height 0s;
  }

  .ant-input-number-lg {
    padding: 6.5px 11px;
    font-size: 16px;
  }

  .ant-input-number-sm {
    padding: 0 7px;
  }

  .ant-input-number-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }

  .ant-input-number-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0;
  }

  .ant-input-number-group > [class*="col-"] {
    padding-right: 8px;
  }

  .ant-input-number-group > [class*="col-"]:last-child {
    padding-right: 0;
  }

  .ant-input-number-group-addon,
  .ant-input-number-group-wrap,
  .ant-input-number-group > .ant-input-number {
    display: table-cell;
  }

  .ant-input-number-group-addon:not(:first-child):not(:last-child),
  .ant-input-number-group-wrap:not(:first-child):not(:last-child),
  .ant-input-number-group
    > .ant-input-number:not(:first-child):not(:last-child) {
    border-radius: 0;
  }

  .ant-input-number-group-addon,
  .ant-input-number-group-wrap {
    width: 1px;
    white-space: nowrap;
    vertical-align: middle;
  }

  .ant-input-number-group-wrap > * {
    display: block !important;
  }

  .ant-input-number-group .ant-input-number {
    float: left;
    width: 100%;
    margin-bottom: 0;
    text-align: inherit;
  }

  .ant-input-number-group .ant-input-number:focus {
    z-index: 1;
    border-right-width: 1px;
  }

  .ant-input-number-group .ant-input-number:hover {
    z-index: 1;
    border-right-width: 1px;
  }

  .ant-input-search-with-button
    .ant-input-number-group
    .ant-input-number:hover {
    z-index: 0;
  }

  .ant-input-number-group-addon {
    position: relative;
    padding: 0 11px;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid #434343;
    border-radius: 2px;
    transition: all 0.3s;
  }

  .ant-input-number-group-addon .ant-select {
    margin: -5px -11px;
  }

  .ant-input-number-group-addon
    .ant-select.ant-select-single:not(.ant-select-customize-input)
    .ant-select-selector {
    background-color: inherit;
    border: 1px solid transparent;
    box-shadow: none;
  }

  .ant-input-number-group-addon .ant-select-open .ant-select-selector,
  .ant-input-number-group-addon .ant-select-focused .ant-select-selector {
    color: #177ddc;
  }

  .ant-input-number-group-addon .ant-cascader-picker {
    margin: -9px -12px;
    background-color: transparent;
  }

  .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
    text-align: left;
    border: 0;
    box-shadow: none;
  }

  .ant-input-number-group > .ant-input-number:first-child,
  .ant-input-number-group-addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-input-number-group
    > .ant-input-number:first-child
    .ant-select
    .ant-select-selector,
  .ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-input-number-group
    > .ant-input-number-affix-wrapper:not(:first-child)
    .ant-input-number {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-input-number-group
    > .ant-input-number-affix-wrapper:not(:last-child)
    .ant-input-number {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-input-number-group-addon:first-child {
    border-right: 0;
  }

  .ant-input-number-group-addon:last-child {
    border-left: 0;
  }

  .ant-input-number-group > .ant-input-number:last-child,
  .ant-input-number-group-addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-input-number-group
    > .ant-input-number:last-child
    .ant-select
    .ant-select-selector,
  .ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-input-number-group-lg .ant-input-number,
  .ant-input-number-group-lg > .ant-input-number-group-addon {
    padding: 6.5px 11px;
    font-size: 16px;
  }

  .ant-input-number-group-sm .ant-input-number,
  .ant-input-number-group-sm > .ant-input-number-group-addon {
    padding: 0 7px;
  }

  .ant-input-number-group-lg .ant-select-single .ant-select-selector {
    height: 40px;
  }

  .ant-input-number-group-sm .ant-select-single .ant-select-selector {
    height: 24px;
  }

  .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-input-search
    .ant-input-number-group
    .ant-input-number-affix-wrapper:not(:last-child) {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
  }

  .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
  .ant-input-search
    .ant-input-number-group
    .ant-input-number-affix-wrapper:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-input-number-group.ant-input-number-group-compact {
    display: block;
  }

  .ant-input-number-group.ant-input-number-group-compact::before {
    display: table;
    content: "";
  }

  .ant-input-number-group.ant-input-number-group-compact::after {
    display: table;
    clear: both;
    content: "";
  }

  .ant-input-number-group.ant-input-number-group-compact-addon:not(
      :first-child
    ):not(:last-child),
  .ant-input-number-group.ant-input-number-group-compact-wrap:not(
      :first-child
    ):not(:last-child),
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-input-number:not(:first-child):not(:last-child) {
    border-right-width: 1px;
  }

  .ant-input-number-group.ant-input-number-group-compact-addon:not(
      :first-child
    ):not(:last-child):hover,
  .ant-input-number-group.ant-input-number-group-compact-wrap:not(
      :first-child
    ):not(:last-child):hover,
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-input-number:not(:first-child):not(:last-child):hover {
    z-index: 1;
  }

  .ant-input-number-group.ant-input-number-group-compact-addon:not(
      :first-child
    ):not(:last-child):focus,
  .ant-input-number-group.ant-input-number-group-compact-wrap:not(
      :first-child
    ):not(:last-child):focus,
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-input-number:not(:first-child):not(:last-child):focus {
    z-index: 1;
  }

  .ant-input-number-group.ant-input-number-group-compact > * {
    display: inline-block;
    float: none;
    vertical-align: top;
    border-radius: 0;
  }

  .ant-input-number-group.ant-input-number-group-compact
    > .ant-input-number-affix-wrapper,
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-input-number-number-affix-wrapper,
  .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
    display: inline-flex;
  }

  .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
    margin-right: -1px;
    border-right-width: 1px;
  }

  .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
    float: none;
  }

  .ant-input-number-group.ant-input-number-group-compact
    > .ant-select
    > .ant-select-selector,
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-select-auto-complete
    .ant-input,
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-cascader-picker
    .ant-input,
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-input-group-wrapper
    .ant-input {
    border-right-width: 1px;
    border-radius: 0;
  }

  .ant-input-number-group.ant-input-number-group-compact
    > .ant-select
    > .ant-select-selector:hover,
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-select-auto-complete
    .ant-input:hover,
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-cascader-picker
    .ant-input:hover,
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-input-group-wrapper
    .ant-input:hover {
    z-index: 1;
  }

  .ant-input-number-group.ant-input-number-group-compact
    > .ant-select
    > .ant-select-selector:focus,
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-select-auto-complete
    .ant-input:focus,
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-cascader-picker
    .ant-input:focus,
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-input-group-wrapper
    .ant-input:focus {
    z-index: 1;
  }

  .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
    z-index: 1;
  }

  .ant-input-number-group.ant-input-number-group-compact
    > .ant-select
    > .ant-select-arrow {
    z-index: 1;
  }

  .ant-input-number-group.ant-input-number-group-compact > *:first-child,
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-select:first-child
    > .ant-select-selector,
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-select-auto-complete:first-child
    .ant-input,
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-cascader-picker:first-child
    .ant-input {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
  }

  .ant-input-number-group.ant-input-number-group-compact > *:last-child,
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-select:last-child
    > .ant-select-selector,
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-cascader-picker:last-child
    .ant-input,
  .ant-input-number-group.ant-input-number-group-compact
    > .ant-cascader-picker-focused:last-child
    .ant-input {
    border-right-width: 1px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }

  .ant-input-number-group.ant-input-number-group-compact
    > .ant-select-auto-complete
    .ant-input {
    vertical-align: top;
  }

  .ant-input-number-group.ant-input-number-group-compact
    .ant-input-group-wrapper
    + .ant-input-group-wrapper {
    margin-left: -1px;
  }

  .ant-input-number-group.ant-input-number-group-compact
    .ant-input-group-wrapper
    + .ant-input-group-wrapper
    .ant-input-affix-wrapper {
    border-radius: 0;
  }

  .ant-input-number-group.ant-input-number-group-compact
    .ant-input-group-wrapper:not(:last-child).ant-input-search
    > .ant-input-group
    > .ant-input-group-addon
    > .ant-input-search-button {
    border-radius: 0;
  }

  .ant-input-number-group.ant-input-number-group-compact
    .ant-input-group-wrapper:not(:last-child).ant-input-search
    > .ant-input-group
    > .ant-input {
    border-radius: 2px 0 0 2px;
  }

  .ant-input-number-group > .ant-input-number-rtl:first-child {
    border-radius: 0 2px 2px 0;
  }

  .ant-input-number-group > .ant-input-number-rtl:last-child {
    border-radius: 2px 0 0 2px;
  }

  .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
    border-right: 1px solid #434343;
    border-left: 0;
    border-radius: 0 2px 2px 0;
  }

  .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
    border-right: 0;
    border-left: 1px solid #434343;
    border-radius: 2px 0 0 2px;
  }

  .ant-input-number-group-wrapper {
    display: inline-block;
    text-align: start;
    vertical-align: top;
  }

  .ant-input-number-handler {
    position: relative;
    display: block;
    width: 100%;
    height: 50%;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 700;
    line-height: 0;
    text-align: center;
    border-left: 1px solid #434343;
    transition: all 0.1s linear;
  }

  .ant-input-number-handler:active {
    background: rgba(255, 255, 255, 0.08);
  }

  .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
  .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
    color: #165996;
  }

  .ant-input-number-handler-up-inner,
  .ant-input-number-handler-down-inner {
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 4px;
    width: 12px;
    height: 12px;
    color: rgba(255, 255, 255, 0.45);
    line-height: 12px;
    transition: all 0.1s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-input-number-handler-up-inner > *,
  .ant-input-number-handler-down-inner > * {
    line-height: 1;
  }

  .ant-input-number-handler-up-inner svg,
  .ant-input-number-handler-down-inner svg {
    display: inline-block;
  }

  .ant-input-number-handler-up-inner::before,
  .ant-input-number-handler-down-inner::before {
    display: none;
  }

  .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
  .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
  .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
  .ant-input-number-handler-down-inner
    .ant-input-number-handler-down-inner-icon {
    display: block;
  }

  .ant-input-number:hover {
    border-color: #165996;
    border-right-width: 1px;
  }

  .ant-input-number:hover + .ant-form-item-children-icon {
    opacity: 0;
    transition: opacity 0.24s linear 0.24s;
  }

  .ant-input-number-focused {
    border-color: #177ddc;
    box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-input-number-disabled {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }

  .ant-input-number-disabled:hover {
    border-color: #434343;
    border-right-width: 1px;
  }

  .ant-input-number-disabled .ant-input-number-input {
    cursor: not-allowed;
  }

  .ant-input-number-disabled .ant-input-number-handler-wrap {
    display: none;
  }

  .ant-input-number-readonly .ant-input-number-handler-wrap {
    display: none;
  }

  .ant-input-number-input {
    width: 100%;
    height: 30px;
    padding: 0 11px;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 2px;
    outline: 0;
    transition: all 0.3s linear;
    -webkit-appearance: textfield !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
  }

  .ant-input-number-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.3);
    -moz-user-select: none;
    user-select: none;
  }

  .ant-input-number-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
    -ms-user-select: none;
    user-select: none;
  }

  .ant-input-number-input::placeholder {
    color: rgba(255, 255, 255, 0.3);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-input-number-input:-moz-placeholder-shown {
    text-overflow: ellipsis;
  }

  .ant-input-number-input:-ms-input-placeholder {
    text-overflow: ellipsis;
  }

  .ant-input-number-input:placeholder-shown {
    text-overflow: ellipsis;
  }

  .ant-input-number-input[type="number"]::-webkit-inner-spin-button,
  .ant-input-number-input[type="number"]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
  }

  .ant-input-number-lg {
    padding: 0;
    font-size: 16px;
  }

  .ant-input-number-lg input {
    height: 38px;
  }

  .ant-input-number-sm {
    padding: 0;
  }

  .ant-input-number-sm input {
    height: 22px;
    padding: 0 7px;
  }

  .ant-input-number-handler-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 100%;
    background: #141414;
    border-radius: 0 2px 2px 0;
    opacity: 0;
    transition: opacity 0.24s linear 0.1s;
  }

  .ant-input-number-handler-wrap
    .ant-input-number-handler
    .ant-input-number-handler-up-inner,
  .ant-input-number-handler-wrap
    .ant-input-number-handler
    .ant-input-number-handler-down-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
    margin-right: 0;
    font-size: 7px;
  }

  .ant-input-number-borderless .ant-input-number-handler-wrap {
    border-left-width: 0;
  }

  .ant-input-number-handler-wrap:hover .ant-input-number-handler {
    height: 40%;
  }

  .ant-input-number:hover .ant-input-number-handler-wrap,
  .ant-input-number-focused .ant-input-number-handler-wrap {
    opacity: 1;
  }

  .ant-input-number-handler-up {
    border-top-right-radius: 2px;
    cursor: pointer;
  }

  .ant-input-number-handler-up-inner {
    top: 50%;
    margin-top: -5px;
    text-align: center;
  }

  .ant-input-number-handler-up:hover {
    height: 60% !important;
  }

  .ant-input-number-handler-down {
    top: 0;
    border-top: 1px solid #434343;
    border-bottom-right-radius: 2px;
    cursor: pointer;
  }

  .ant-input-number-handler-down-inner {
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
  }

  .ant-input-number-handler-down:hover {
    height: 60% !important;
  }

  .ant-input-number-borderless .ant-input-number-handler-down {
    border-top-width: 0;
  }

  .ant-input-number:hover:not(.ant-input-number-borderless)
    .ant-input-number-handler-down,
  .ant-input-number-focused:not(.ant-input-number-borderless)
    .ant-input-number-handler-down {
    border-top: 1px solid #434343;
  }

  .ant-input-number-handler-up-disabled,
  .ant-input-number-handler-down-disabled {
    cursor: not-allowed;
  }

  .ant-input-number-handler-up-disabled:hover
    .ant-input-number-handler-up-inner,
  .ant-input-number-handler-down-disabled:hover
    .ant-input-number-handler-down-inner {
    color: rgba(255, 255, 255, 0.3);
  }

  .ant-input-number-borderless {
    box-shadow: none;
  }

  .ant-input-number-out-of-range input {
    color: #a61d24;
  }

  .ant-input-number-compact-item:not(.ant-input-number-compact-last-item):not(
      .ant-input-number-compact-item-rtl
    ) {
    margin-right: -1px;
  }

  .ant-input-number-compact-item:not(
      .ant-input-number-compact-last-item
    ).ant-input-number-compact-item-rtl {
    margin-left: -1px;
  }

  .ant-input-number-compact-item:hover,
  .ant-input-number-compact-item:focus,
  .ant-input-number-compact-item:active {
    z-index: 2;
  }

  .ant-input-number-compact-item.ant-input-number-focused {
    z-index: 2;
  }

  .ant-input-number-compact-item[disabled] {
    z-index: 0;
  }

  .ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(
      .ant-input-number-compact-last-item
    ).ant-input-number {
    border-radius: 0;
  }

  .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-first-item:not(
      .ant-input-number-compact-last-item
    ):not(.ant-input-number-compact-item-rtl) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-last-item:not(
      .ant-input-number-compact-first-item
    ):not(.ant-input-number-compact-item-rtl) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-first-item:not(
      .ant-input-number-compact-last-item
    ) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-last-item:not(
      .ant-input-number-compact-first-item
    ) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-input-number-rtl {
    direction: rtl;
  }

  .ant-input-number-rtl .ant-input-number-handler {
    border-right: 1px solid #434343;
    border-left: 0;
  }

  .ant-input-number-rtl .ant-input-number-handler-wrap {
    right: auto;
    left: 0;
  }

  .ant-input-number-rtl.ant-input-number-borderless
    .ant-input-number-handler-wrap {
    border-right-width: 0;
  }

  .ant-input-number-rtl .ant-input-number-handler-up {
    border-top-right-radius: 0;
  }

  .ant-input-number-rtl .ant-input-number-handler-down {
    border-bottom-right-radius: 0;
  }

  .ant-input-number-rtl .ant-input-number-input {
    direction: ltr;
    text-align: right;
  }

  .ant-input-affix-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: transparent;
    background-image: none;
    border: 1px solid #434343;
    border-radius: 2px;
    transition: all 0.3s;
    display: inline-flex;
  }

  .ant-input-affix-wrapper::-moz-placeholder {
    color: rgba(255, 255, 255, 0.3);
    -moz-user-select: none;
    user-select: none;
  }

  .ant-input-affix-wrapper:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
    -ms-user-select: none;
    user-select: none;
  }

  .ant-input-affix-wrapper::placeholder {
    color: rgba(255, 255, 255, 0.3);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-input-affix-wrapper:-moz-placeholder-shown {
    text-overflow: ellipsis;
  }

  .ant-input-affix-wrapper:-ms-input-placeholder {
    text-overflow: ellipsis;
  }

  .ant-input-affix-wrapper:placeholder-shown {
    text-overflow: ellipsis;
  }

  .ant-input-affix-wrapper:hover {
    border-color: #165996;
    border-right-width: 1px;
  }

  .ant-input-rtl .ant-input-affix-wrapper:hover {
    border-right-width: 0;
    border-left-width: 1px !important;
  }

  .ant-input-affix-wrapper:focus,
  .ant-input-affix-wrapper-focused {
    border-color: #177ddc;
    box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-input-rtl .ant-input-affix-wrapper:focus,
  .ant-input-rtl .ant-input-affix-wrapper-focused {
    border-right-width: 0;
    border-left-width: 1px !important;
  }

  .ant-input-affix-wrapper-disabled {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }

  .ant-input-affix-wrapper-disabled:hover {
    border-color: #434343;
    border-right-width: 1px;
  }

  .ant-input-affix-wrapper[disabled] {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }

  .ant-input-affix-wrapper[disabled]:hover {
    border-color: #434343;
    border-right-width: 1px;
  }

  .ant-input-affix-wrapper-borderless,
  .ant-input-affix-wrapper-borderless:hover,
  .ant-input-affix-wrapper-borderless:focus,
  .ant-input-affix-wrapper-borderless-focused,
  .ant-input-affix-wrapper-borderless-disabled,
  .ant-input-affix-wrapper-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none;
  }

  textarea.ant-input-affix-wrapper {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all 0.3s, height 0s;
  }

  .ant-input-affix-wrapper-lg {
    padding: 6.5px 11px;
    font-size: 16px;
  }

  .ant-input-affix-wrapper-sm {
    padding: 0 7px;
  }

  .ant-input-affix-wrapper-rtl {
    direction: rtl;
  }

  .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
    border-color: #165996;
    border-right-width: 1px;
    z-index: 1;
  }

  .ant-input-rtl
    .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
    border-right-width: 0;
    border-left-width: 1px !important;
  }

  .ant-input-search-with-button
    .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
    z-index: 0;
  }

  .ant-input-affix-wrapper-focused,
  .ant-input-affix-wrapper:focus {
    z-index: 1;
  }

  .ant-input-affix-wrapper-disabled .ant-input[disabled] {
    background: transparent;
  }

  .ant-input-affix-wrapper > .ant-input {
    font-size: inherit;
    border: none;
    outline: none;
  }

  .ant-input-affix-wrapper > .ant-input:focus {
    box-shadow: none !important;
  }

  .ant-input-affix-wrapper > .ant-input:not(textarea) {
    padding: 0;
  }

  .ant-input-affix-wrapper::before {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: "\a0";
  }

  .ant-input-prefix,
  .ant-input-suffix {
    display: flex;
    flex: none;
    align-items: center;
  }

  .ant-input-prefix > *:not(:last-child),
  .ant-input-suffix > *:not(:last-child) {
    margin-right: 8px;
  }

  .ant-input-show-count-suffix {
    color: rgba(255, 255, 255, 0.45);
  }

  .ant-input-show-count-has-suffix {
    margin-right: 2px;
  }

  .ant-input-prefix {
    margin-right: 4px;
  }

  .ant-input-suffix {
    margin-left: 4px;
  }

  .anticon.ant-input-clear-icon,
  .ant-input-clear-icon {
    margin: 0;
    color: rgba(255, 255, 255, 0.3);
    font-size: 12px;
    vertical-align: -1px;
    cursor: pointer;
    transition: color 0.3s;
  }

  .anticon.ant-input-clear-icon:hover,
  .ant-input-clear-icon:hover {
    color: rgba(255, 255, 255, 0.45);
  }

  .anticon.ant-input-clear-icon:active,
  .ant-input-clear-icon:active {
    color: rgba(255, 255, 255, 0.85);
  }

  .anticon.ant-input-clear-icon-hidden,
  .ant-input-clear-icon-hidden {
    visibility: hidden;
  }

  .anticon.ant-input-clear-icon-has-suffix,
  .ant-input-clear-icon-has-suffix {
    margin: 0 4px;
  }

  .ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn {
    padding: 0;
  }

  .ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn
    .ant-input-clear-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
  }

  .ant-input-status-error:not(.ant-input-disabled):not(
      .ant-input-borderless
    ).ant-input,
  .ant-input-status-error:not(.ant-input-disabled):not(
      .ant-input-borderless
    ).ant-input:hover {
    background: 0 0;
    border-color: #a61d24;
  }

  .ant-input-status-error:not(.ant-input-disabled):not(
      .ant-input-borderless
    ).ant-input:focus,
  .ant-input-status-error:not(.ant-input-disabled):not(
      .ant-input-borderless
    ).ant-input-focused {
    border-color: #a61d24;
    box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-input-status-error .ant-input-prefix {
    color: #a61d24;
  }

  .ant-input-status-warning:not(.ant-input-disabled):not(
      .ant-input-borderless
    ).ant-input,
  .ant-input-status-warning:not(.ant-input-disabled):not(
      .ant-input-borderless
    ).ant-input:hover {
    background: 0 0;
    border-color: #d89614;
  }

  .ant-input-status-warning:not(.ant-input-disabled):not(
      .ant-input-borderless
    ).ant-input:focus,
  .ant-input-status-warning:not(.ant-input-disabled):not(
      .ant-input-borderless
    ).ant-input-focused {
    border-color: #d89614;
    box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-input-status-warning .ant-input-prefix {
    color: #d89614;
  }

  .ant-input-affix-wrapper-status-error:not(
      .ant-input-affix-wrapper-disabled
    ):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
  .ant-input-affix-wrapper-status-error:not(
      .ant-input-affix-wrapper-disabled
    ):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
    background: 0 0;
    border-color: #a61d24;
  }

  .ant-input-affix-wrapper-status-error:not(
      .ant-input-affix-wrapper-disabled
    ):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
  .ant-input-affix-wrapper-status-error:not(
      .ant-input-affix-wrapper-disabled
    ):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
    border-color: #a61d24;
    box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-input-affix-wrapper-status-error .ant-input-prefix {
    color: #a61d24;
  }

  .ant-input-affix-wrapper-status-warning:not(
      .ant-input-affix-wrapper-disabled
    ):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
  .ant-input-affix-wrapper-status-warning:not(
      .ant-input-affix-wrapper-disabled
    ):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
    background: 0 0;
    border-color: #d89614;
  }

  .ant-input-affix-wrapper-status-warning:not(
      .ant-input-affix-wrapper-disabled
    ):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus,
  .ant-input-affix-wrapper-status-warning:not(
      .ant-input-affix-wrapper-disabled
    ):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused {
    border-color: #d89614;
    box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-input-affix-wrapper-status-warning .ant-input-prefix {
    color: #d89614;
  }

  .ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input,
  .ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input,
  .ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input,
  .ant-input-textarea-status-validating.ant-input-textarea-has-feedback
    .ant-input {
    padding-right: 24px;
  }

  .ant-input-group-wrapper-status-error .ant-input-group-addon {
    color: #a61d24;
    border-color: #a61d24;
  }

  .ant-input-group-wrapper-status-warning .ant-input-group-addon {
    color: #d89614;
    border-color: #d89614;
  }

  .ant-input {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: transparent;
    background-image: none;
    border: 1px solid #434343;
    border-radius: 2px;
    transition: all 0.3s;
  }

  .ant-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.3);
    -moz-user-select: none;
    user-select: none;
  }

  .ant-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
    -ms-user-select: none;
    user-select: none;
  }

  .ant-input::placeholder {
    color: rgba(255, 255, 255, 0.3);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-input:-moz-placeholder-shown {
    text-overflow: ellipsis;
  }

  .ant-input:-ms-input-placeholder {
    text-overflow: ellipsis;
  }

  .ant-input:placeholder-shown {
    text-overflow: ellipsis;
  }

  .ant-input:hover {
    border-color: #165996;
    border-right-width: 1px;
  }

  .ant-input-rtl .ant-input:hover {
    border-right-width: 0;
    border-left-width: 1px !important;
  }

  .ant-input:focus,
  .ant-input-focused {
    border-color: #177ddc;
    box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-input-rtl .ant-input:focus,
  .ant-input-rtl .ant-input-focused {
    border-right-width: 0;
    border-left-width: 1px !important;
  }

  .ant-input-disabled {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }

  .ant-input-disabled:hover {
    border-color: #434343;
    border-right-width: 1px;
  }

  .ant-input[disabled] {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }

  .ant-input[disabled]:hover {
    border-color: #434343;
    border-right-width: 1px;
  }

  .ant-input-borderless,
  .ant-input-borderless:hover,
  .ant-input-borderless:focus,
  .ant-input-borderless-focused,
  .ant-input-borderless-disabled,
  .ant-input-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none;
  }

  textarea.ant-input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all 0.3s, height 0s;
  }

  .ant-input-lg {
    padding: 6.5px 11px;
    font-size: 16px;
  }

  .ant-input-sm {
    padding: 0 7px;
  }

  .ant-input-rtl {
    direction: rtl;
  }

  .ant-input-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }

  .ant-input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0;
  }

  .ant-input-group > [class*="col-"] {
    padding-right: 8px;
  }

  .ant-input-group > [class*="col-"]:last-child {
    padding-right: 0;
  }

  .ant-input-group-addon,
  .ant-input-group-wrap,
  .ant-input-group > .ant-input {
    display: table-cell;
  }

  .ant-input-group-addon:not(:first-child):not(:last-child),
  .ant-input-group-wrap:not(:first-child):not(:last-child),
  .ant-input-group > .ant-input:not(:first-child):not(:last-child) {
    border-radius: 0;
  }

  .ant-input-group-addon,
  .ant-input-group-wrap {
    width: 1px;
    white-space: nowrap;
    vertical-align: middle;
  }

  .ant-input-group-wrap > * {
    display: block !important;
  }

  .ant-input-group .ant-input {
    float: left;
    width: 100%;
    margin-bottom: 0;
    text-align: inherit;
  }

  .ant-input-group .ant-input:focus {
    z-index: 1;
    border-right-width: 1px;
  }

  .ant-input-group .ant-input:hover {
    z-index: 1;
    border-right-width: 1px;
  }

  .ant-input-search-with-button .ant-input-group .ant-input:hover {
    z-index: 0;
  }

  .ant-input-group-addon {
    position: relative;
    padding: 0 11px;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid #434343;
    border-radius: 2px;
    transition: all 0.3s;
  }

  .ant-input-group-addon .ant-select {
    margin: -5px -11px;
  }

  .ant-input-group-addon
    .ant-select.ant-select-single:not(.ant-select-customize-input)
    .ant-select-selector {
    background-color: inherit;
    border: 1px solid transparent;
    box-shadow: none;
  }

  .ant-input-group-addon .ant-select-open .ant-select-selector,
  .ant-input-group-addon .ant-select-focused .ant-select-selector {
    color: #177ddc;
  }

  .ant-input-group-addon .ant-cascader-picker {
    margin: -9px -12px;
    background-color: transparent;
  }

  .ant-input-group-addon .ant-cascader-picker .ant-cascader-input {
    text-align: left;
    border: 0;
    box-shadow: none;
  }

  .ant-input-group > .ant-input:first-child,
  .ant-input-group-addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector,
  .ant-input-group-addon:first-child .ant-select .ant-select-selector {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-input-group-addon:first-child {
    border-right: 0;
  }

  .ant-input-group-addon:last-child {
    border-left: 0;
  }

  .ant-input-group > .ant-input:last-child,
  .ant-input-group-addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector,
  .ant-input-group-addon:last-child .ant-select .ant-select-selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-input-group-lg .ant-input,
  .ant-input-group-lg > .ant-input-group-addon {
    padding: 6.5px 11px;
    font-size: 16px;
  }

  .ant-input-group-sm .ant-input,
  .ant-input-group-sm > .ant-input-group-addon {
    padding: 0 7px;
  }

  .ant-input-group-lg .ant-select-single .ant-select-selector {
    height: 40px;
  }

  .ant-input-group-sm .ant-select-single .ant-select-selector {
    height: 24px;
  }

  .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
  }

  .ant-input-group .ant-input-affix-wrapper:not(:first-child),
  .ant-input-search
    .ant-input-group
    .ant-input-affix-wrapper:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-input-group.ant-input-group-compact {
    display: block;
  }

  .ant-input-group.ant-input-group-compact::before {
    display: table;
    content: "";
  }

  .ant-input-group.ant-input-group-compact::after {
    display: table;
    clear: both;
    content: "";
  }

  .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(
      :last-child
    ),
  .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(
      :last-child
    ),
  .ant-input-group.ant-input-group-compact
    > .ant-input:not(:first-child):not(:last-child) {
    border-right-width: 1px;
  }

  .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(
      :last-child
    ):hover,
  .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(
      :last-child
    ):hover,
  .ant-input-group.ant-input-group-compact
    > .ant-input:not(:first-child):not(:last-child):hover {
    z-index: 1;
  }

  .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(
      :last-child
    ):focus,
  .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(
      :last-child
    ):focus,
  .ant-input-group.ant-input-group-compact
    > .ant-input:not(:first-child):not(:last-child):focus {
    z-index: 1;
  }

  .ant-input-group.ant-input-group-compact > * {
    display: inline-block;
    float: none;
    vertical-align: top;
    border-radius: 0;
  }

  .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper,
  .ant-input-group.ant-input-group-compact > .ant-input-number-affix-wrapper,
  .ant-input-group.ant-input-group-compact > .ant-picker-range {
    display: inline-flex;
  }

  .ant-input-group.ant-input-group-compact > *:not(:last-child) {
    margin-right: -1px;
    border-right-width: 1px;
  }

  .ant-input-group.ant-input-group-compact .ant-input {
    float: none;
  }

  .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector,
  .ant-input-group.ant-input-group-compact
    > .ant-select-auto-complete
    .ant-input,
  .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
  .ant-input-group.ant-input-group-compact
    > .ant-input-group-wrapper
    .ant-input {
    border-right-width: 1px;
    border-radius: 0;
  }

  .ant-input-group.ant-input-group-compact
    > .ant-select
    > .ant-select-selector:hover,
  .ant-input-group.ant-input-group-compact
    > .ant-select-auto-complete
    .ant-input:hover,
  .ant-input-group.ant-input-group-compact
    > .ant-cascader-picker
    .ant-input:hover,
  .ant-input-group.ant-input-group-compact
    > .ant-input-group-wrapper
    .ant-input:hover {
    z-index: 1;
  }

  .ant-input-group.ant-input-group-compact
    > .ant-select
    > .ant-select-selector:focus,
  .ant-input-group.ant-input-group-compact
    > .ant-select-auto-complete
    .ant-input:focus,
  .ant-input-group.ant-input-group-compact
    > .ant-cascader-picker
    .ant-input:focus,
  .ant-input-group.ant-input-group-compact
    > .ant-input-group-wrapper
    .ant-input:focus {
    z-index: 1;
  }

  .ant-input-group.ant-input-group-compact > .ant-select-focused {
    z-index: 1;
  }

  .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow {
    z-index: 1;
  }

  .ant-input-group.ant-input-group-compact > *:first-child,
  .ant-input-group.ant-input-group-compact
    > .ant-select:first-child
    > .ant-select-selector,
  .ant-input-group.ant-input-group-compact
    > .ant-select-auto-complete:first-child
    .ant-input,
  .ant-input-group.ant-input-group-compact
    > .ant-cascader-picker:first-child
    .ant-input {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
  }

  .ant-input-group.ant-input-group-compact > *:last-child,
  .ant-input-group.ant-input-group-compact
    > .ant-select:last-child
    > .ant-select-selector,
  .ant-input-group.ant-input-group-compact
    > .ant-cascader-picker:last-child
    .ant-input,
  .ant-input-group.ant-input-group-compact
    > .ant-cascader-picker-focused:last-child
    .ant-input {
    border-right-width: 1px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }

  .ant-input-group.ant-input-group-compact
    > .ant-select-auto-complete
    .ant-input {
    vertical-align: top;
  }

  .ant-input-group.ant-input-group-compact
    .ant-input-group-wrapper
    + .ant-input-group-wrapper {
    margin-left: -1px;
  }

  .ant-input-group.ant-input-group-compact
    .ant-input-group-wrapper
    + .ant-input-group-wrapper
    .ant-input-affix-wrapper {
    border-radius: 0;
  }

  .ant-input-group.ant-input-group-compact
    .ant-input-group-wrapper:not(:last-child).ant-input-search
    > .ant-input-group
    > .ant-input-group-addon
    > .ant-input-search-button {
    border-radius: 0;
  }

  .ant-input-group.ant-input-group-compact
    .ant-input-group-wrapper:not(:last-child).ant-input-search
    > .ant-input-group
    > .ant-input {
    border-radius: 2px 0 0 2px;
  }

  .ant-input-group > .ant-input-rtl:first-child,
  .ant-input-group-rtl .ant-input-group-addon:first-child {
    border-radius: 0 2px 2px 0;
  }

  .ant-input-group-rtl .ant-input-group-addon:first-child {
    border-right: 1px solid #434343;
    border-left: 0;
  }

  .ant-input-group-rtl .ant-input-group-addon:last-child {
    border-right: 0;
    border-left: 1px solid #434343;
    border-radius: 2px 0 0 2px;
  }

  .ant-input-group-rtl.ant-input-group > .ant-input:last-child,
  .ant-input-group-rtl.ant-input-group-addon:last-child {
    border-radius: 2px 0 0 2px;
  }

  .ant-input-group-rtl.ant-input-group
    .ant-input-affix-wrapper:not(:first-child) {
    border-radius: 2px 0 0 2px;
  }

  .ant-input-group-rtl.ant-input-group
    .ant-input-affix-wrapper:not(:last-child) {
    border-radius: 0 2px 2px 0;
  }

  .ant-input-group-rtl.ant-input-group.ant-input-group-compact
    > *:not(:last-child) {
    margin-right: 0;
    margin-left: -1px;
    border-left-width: 1px;
  }

  .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child,
  .ant-input-group-rtl.ant-input-group.ant-input-group-compact
    > .ant-select:first-child
    > .ant-select-selector,
  .ant-input-group-rtl.ant-input-group.ant-input-group-compact
    > .ant-select-auto-complete:first-child
    .ant-input,
  .ant-input-group-rtl.ant-input-group.ant-input-group-compact
    > .ant-cascader-picker:first-child
    .ant-input {
    border-radius: 0 2px 2px 0;
  }

  .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child,
  .ant-input-group-rtl.ant-input-group.ant-input-group-compact
    > .ant-select:last-child
    > .ant-select-selector,
  .ant-input-group-rtl.ant-input-group.ant-input-group-compact
    > .ant-select-auto-complete:last-child
    .ant-input,
  .ant-input-group-rtl.ant-input-group.ant-input-group-compact
    > .ant-cascader-picker:last-child
    .ant-input,
  .ant-input-group-rtl.ant-input-group.ant-input-group-compact
    > .ant-cascader-picker-focused:last-child
    .ant-input {
    border-left-width: 1px;
    border-radius: 2px 0 0 2px;
  }

  .ant-input-group.ant-input-group-compact
    .ant-input-group-wrapper-rtl
    + .ant-input-group-wrapper-rtl {
    margin-right: -1px;
    margin-left: 0;
  }

  .ant-input-group.ant-input-group-compact
    .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search
    > .ant-input-group
    > .ant-input {
    border-radius: 0 2px 2px 0;
  }

  .ant-input-group-wrapper {
    display: inline-block;
    width: 100%;
    text-align: start;
    vertical-align: top;
  }

  .ant-input-password-icon.anticon {
    color: rgba(255, 255, 255, 0.45);
    cursor: pointer;
    transition: all 0.3s;
  }

  .ant-input-password-icon.anticon:hover {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-input[type="color"] {
    height: 32px;
  }

  .ant-input[type="color"].ant-input-lg {
    height: 40px;
  }

  .ant-input[type="color"].ant-input-sm {
    height: 24px;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .ant-input-textarea-show-count > .ant-input {
    height: 100%;
  }

  .ant-input-textarea-show-count::after {
    float: right;
    color: rgba(255, 255, 255, 0.45);
    white-space: nowrap;
    content: attr(data-count);
    pointer-events: none;
  }

  .ant-input-textarea-show-count.ant-input-textarea-in-form-item::after {
    margin-bottom: -22px;
  }

  .ant-input-textarea-suffix {
    position: absolute;
    top: 0;
    right: 11px;
    bottom: 0;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    margin: auto;
  }

  .ant-input-compact-item:not(.ant-input-compact-last-item):not(
      .ant-input-compact-item-rtl
    ) {
    margin-right: -1px;
  }

  .ant-input-compact-item:not(
      .ant-input-compact-last-item
    ).ant-input-compact-item-rtl {
    margin-left: -1px;
  }

  .ant-input-compact-item:hover,
  .ant-input-compact-item:focus,
  .ant-input-compact-item:active {
    z-index: 2;
  }

  .ant-input-compact-item[disabled] {
    z-index: 0;
  }

  .ant-input-compact-item:not(.ant-input-compact-first-item):not(
      .ant-input-compact-last-item
    ).ant-input {
    border-radius: 0;
  }

  .ant-input-compact-item.ant-input.ant-input-compact-first-item:not(
      .ant-input-compact-last-item
    ):not(.ant-input-compact-item-rtl) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-input-compact-item.ant-input.ant-input-compact-last-item:not(
      .ant-input-compact-first-item
    ):not(.ant-input-compact-item-rtl) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-first-item:not(
      .ant-input-compact-last-item
    ) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-last-item:not(
      .ant-input-compact-first-item
    ) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-input-search .ant-input:hover,
  .ant-input-search .ant-input:focus {
    border-color: #165996;
  }

  .ant-input-search
    .ant-input:hover
    + .ant-input-group-addon
    .ant-input-search-button:not(.ant-btn-primary),
  .ant-input-search
    .ant-input:focus
    + .ant-input-group-addon
    .ant-input-search-button:not(.ant-btn-primary) {
    border-left-color: #165996;
  }

  .ant-input-search .ant-input-affix-wrapper {
    border-radius: 0;
  }

  .ant-input-search .ant-input-lg {
    line-height: 1.5713;
  }

  .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child {
    left: -1px;
    padding: 0;
    border: 0;
  }

  .ant-input-search
    > .ant-input-group
    > .ant-input-group-addon:last-child
    .ant-input-search-button {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0 2px 2px 0;
  }

  .ant-input-search
    > .ant-input-group
    > .ant-input-group-addon:last-child
    .ant-input-search-button:not(.ant-btn-primary) {
    color: rgba(255, 255, 255, 0.45);
  }

  .ant-input-search
    > .ant-input-group
    > .ant-input-group-addon:last-child
    .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .ant-input-search-button {
    height: 32px;
  }

  .ant-input-search-button:hover,
  .ant-input-search-button:focus {
    z-index: 1;
  }

  .ant-input-search-large .ant-input-search-button {
    height: 40px;
  }

  .ant-input-search-small .ant-input-search-button {
    height: 24px;
  }

  .ant-input-search.ant-input-compact-item:not(.ant-input-compact-item-rtl):not(
      .ant-input-compact-last-item
    )
    .ant-input-group-addon
    .ant-input-search-button {
    margin-right: -1px;
    border-radius: 0;
  }

  .ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item)
    .ant-input,
  .ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item)
    .ant-input-affix-wrapper {
    border-radius: 0;
  }

  .ant-input-search.ant-input-compact-item
    > .ant-input-group-addon
    .ant-input-search-button:hover,
  .ant-input-search.ant-input-compact-item > .ant-input:hover,
  .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover,
  .ant-input-search.ant-input-compact-item
    > .ant-input-group-addon
    .ant-input-search-button:focus,
  .ant-input-search.ant-input-compact-item > .ant-input:focus,
  .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus,
  .ant-input-search.ant-input-compact-item
    > .ant-input-group-addon
    .ant-input-search-button:active,
  .ant-input-search.ant-input-compact-item > .ant-input:active,
  .ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active {
    z-index: 2;
  }

  .ant-input-search.ant-input-compact-item > .ant-input-affix-wrapper-focused {
    z-index: 2;
  }

  .ant-input-search.ant-input-compact-item-rtl:not(.ant-input-compact-last-item)
    .ant-input-group-addon:last-child
    .ant-input-search-button {
    margin-left: -1px;
    border-radius: 0;
  }

  .ant-input-group-wrapper-rtl {
    direction: rtl;
  }

  .ant-input-group-rtl {
    direction: rtl;
  }

  .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input {
    border: none;
    outline: none;
  }

  .ant-input-affix-wrapper-rtl .ant-input-prefix {
    margin: 0 0 0 4px;
  }

  .ant-input-affix-wrapper-rtl .ant-input-suffix {
    margin: 0 4px 0 0;
  }

  .ant-input-textarea-rtl {
    direction: rtl;
  }

  .ant-input-textarea-rtl.ant-input-textarea-show-count::after {
    text-align: left;
  }

  .ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix {
    margin-right: 0;
    margin-left: 4px;
  }

  .ant-input-affix-wrapper-rtl .ant-input-clear-icon {
    right: auto;
    left: 8px;
  }

  .ant-input-search-rtl {
    direction: rtl;
  }

  .ant-input-search-rtl
    .ant-input:hover
    + .ant-input-group-addon
    .ant-input-search-button:not(.ant-btn-primary),
  .ant-input-search-rtl
    .ant-input:focus
    + .ant-input-group-addon
    .ant-input-search-button:not(.ant-btn-primary) {
    border-left-color: #434343;
  }

  .ant-input-search-rtl
    .ant-input:hover
    + .ant-input-group-addon
    .ant-input-search-button:not(.ant-btn-primary):hover,
  .ant-input-search-rtl
    .ant-input:focus
    + .ant-input-group-addon
    .ant-input-search-button:not(.ant-btn-primary):hover {
    border-left-color: #165996;
  }

  .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
  .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
    border-right-color: #165996;
  }

  .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child {
    right: -1px;
    left: auto;
  }

  .ant-input-search-rtl
    > .ant-input-group
    > .ant-input-group-addon:last-child
    .ant-input-search-button {
    border-radius: 2px 0 0 2px;
  }

  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ant-input {
      height: 32px;
    }

    .ant-input-lg {
      height: 40px;
    }

    .ant-input-sm {
      height: 24px;
    }

    .ant-input-affix-wrapper > input.ant-input {
      height: auto;
    }
  }

  .ant-layout {
    display: flex;
    flex: auto;
    flex-direction: column;
    min-height: 0;
    background: #000;
  }

  .ant-layout,
  .ant-layout * {
    box-sizing: border-box;
  }

  .ant-layout.ant-layout-has-sider {
    flex-direction: row;
  }

  .ant-layout.ant-layout-has-sider > .ant-layout,
  .ant-layout.ant-layout-has-sider > .ant-layout-content {
    width: 0;
  }

  .ant-layout-header,
  .ant-layout-footer {
    flex: 0 0 auto;
  }

  .ant-layout-header {
    height: 64px;
    padding: 0 50px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 64px;
    background: #1f1f1f;
  }

  .ant-layout-footer {
    padding: 24px 50px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    background: #000;
  }

  .ant-layout-content {
    flex: auto;
    min-height: 0;
  }

  .ant-layout-sider {
    position: relative;
    min-width: 0;
    background: #1f1f1f;
    transition: all 0.2s;
  }

  .ant-layout-sider-children {
    height: 100%;
    margin-top: -0.1px;
    padding-top: 0.1px;
  }

  .ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed {
    width: auto;
  }

  .ant-layout-sider-has-trigger {
    padding-bottom: 48px;
  }

  .ant-layout-sider-right {
    order: 1;
  }

  .ant-layout-sider-trigger {
    position: fixed;
    bottom: 0;
    z-index: 1;
    height: 48px;
    color: #fff;
    line-height: 48px;
    text-align: center;
    background: #262626;
    cursor: pointer;
    transition: all 0.2s;
  }

  .ant-layout-sider-zero-width > * {
    overflow: hidden;
  }

  .ant-layout-sider-zero-width-trigger {
    position: absolute;
    top: 64px;
    right: -36px;
    z-index: 1;
    width: 36px;
    height: 42px;
    color: #fff;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    background: #1f1f1f;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    transition: background 0.3s ease;
  }

  .ant-layout-sider-zero-width-trigger::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: 0 0;
    transition: all 0.3s;
    content: "";
  }

  .ant-layout-sider-zero-width-trigger:hover::after {
    background: rgba(255, 255, 255, 0.1);
  }

  .ant-layout-sider-zero-width-trigger-right {
    left: -36px;
    border-radius: 2px 0 0 2px;
  }

  // .ant-layout-sider-light {
  //   background: #fff;
  // }

  // .ant-layout-sider-light .ant-layout-sider-trigger {
  //   color: rgba(255, 255, 255, 0.85);
  //   background: #fff;
  // }

  // .ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  //   color: rgba(255, 255, 255, 0.85);
  //   background: #fff;
  // }

  .ant-layout-rtl {
    direction: rtl;
  }

  .ant-list .ant-card {
    background: 0 0;
  }

  .ant-list {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
  }

  .ant-list * {
    outline: none;
  }

  .ant-list-pagination {
    margin-top: 24px;
    text-align: right;
  }

  .ant-list-pagination .ant-pagination-options {
    text-align: left;
  }

  .ant-list-more {
    margin-top: 12px;
    text-align: center;
  }

  .ant-list-more button {
    padding-right: 32px;
    padding-left: 32px;
  }

  .ant-list-spin {
    min-height: 40px;
    text-align: center;
  }

  .ant-list-empty-text {
    padding: 16px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 14px;
    text-align: center;
  }

  .ant-list-items {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .ant-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-list-item-meta {
    display: flex;
    flex: 1;
    align-items: flex-start;
    max-width: 100%;
  }

  .ant-list-item-meta-avatar {
    margin-right: 16px;
  }

  .ant-list-item-meta-content {
    flex: 1 0;
    width: 0;
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-list-item-meta-title {
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    line-height: 1.5715;
  }

  .ant-list-item-meta-title > a {
    color: rgba(255, 255, 255, 0.85);
    transition: all 0.3s;
  }

  .ant-list-item-meta-title > a:hover {
    color: #177ddc;
  }

  .ant-list-item-meta-description {
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
    line-height: 1.5715;
  }

  .ant-list-item-action {
    flex: 0 0 auto;
    margin-left: 48px;
    padding: 0;
    font-size: 0;
    list-style: none;
  }

  .ant-list-item-action > li {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
    line-height: 1.5715;
    text-align: center;
  }

  .ant-list-item-action > li:first-child {
    padding-left: 0;
  }

  .ant-list-item-action-split {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background-color: #303030;
  }

  .ant-list-header {
    background: 0 0;
  }

  .ant-list-footer {
    background: 0 0;
  }

  .ant-list-header,
  .ant-list-footer {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .ant-list-empty {
    padding: 16px 0;
    color: rgba(255, 255, 255, 0.45);
    font-size: 12px;
    text-align: center;
  }

  .ant-list-split .ant-list-item {
    border-bottom: 1px solid #303030;
  }

  .ant-list-split .ant-list-item:last-child {
    border-bottom: none;
  }

  .ant-list-split .ant-list-header {
    border-bottom: 1px solid #303030;
  }

  .ant-list-split.ant-list-empty .ant-list-footer {
    border-top: 1px solid #303030;
  }

  .ant-list-loading .ant-list-spin-nested-loading {
    min-height: 32px;
  }

  .ant-list-split.ant-list-something-after-last-item
    .ant-spin-container
    > .ant-list-items
    > .ant-list-item:last-child {
    border-bottom: 1px solid #303030;
  }

  .ant-list-lg .ant-list-item {
    padding: 16px 24px;
  }

  .ant-list-sm .ant-list-item {
    padding: 8px 16px;
  }

  .ant-list-vertical .ant-list-item {
    align-items: initial;
  }

  .ant-list-vertical .ant-list-item-main {
    display: block;
    flex: 1;
  }

  .ant-list-vertical .ant-list-item-extra {
    margin-left: 40px;
  }

  .ant-list-vertical .ant-list-item-meta {
    margin-bottom: 16px;
  }

  .ant-list-vertical .ant-list-item-meta-title {
    margin-bottom: 12px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    line-height: 24px;
  }

  .ant-list-vertical .ant-list-item-action {
    margin-top: 16px;
    margin-left: auto;
  }

  .ant-list-vertical .ant-list-item-action > li {
    padding: 0 16px;
  }

  .ant-list-vertical .ant-list-item-action > li:first-child {
    padding-left: 0;
  }

  .ant-list-grid .ant-col > .ant-list-item {
    display: block;
    max-width: 100%;
    margin-bottom: 16px;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
  }

  .ant-list-item-no-flex {
    display: block;
  }

  .ant-list:not(.ant-list-vertical)
    .ant-list-item-no-flex
    .ant-list-item-action {
    float: right;
  }

  .ant-list-bordered {
    border: 1px solid #434343;
    border-radius: 2px;
  }

  .ant-list-bordered .ant-list-header {
    padding-right: 24px;
    padding-left: 24px;
  }

  .ant-list-bordered .ant-list-footer {
    padding-right: 24px;
    padding-left: 24px;
  }

  .ant-list-bordered .ant-list-item {
    padding-right: 24px;
    padding-left: 24px;
  }

  .ant-list-bordered .ant-list-pagination {
    margin: 16px 24px;
  }

  .ant-list-bordered.ant-list-sm .ant-list-item {
    padding: 8px 16px;
  }

  .ant-list-bordered.ant-list-sm .ant-list-header,
  .ant-list-bordered.ant-list-sm .ant-list-footer {
    padding: 8px 16px;
  }

  .ant-list-bordered.ant-list-lg .ant-list-item {
    padding: 16px 24px;
  }

  .ant-list-bordered.ant-list-lg .ant-list-header,
  .ant-list-bordered.ant-list-lg .ant-list-footer {
    padding: 16px 24px;
  }

  @media screen and (max-width: 768px) {
    .ant-list-item-action {
      margin-left: 24px;
    }

    .ant-list-vertical .ant-list-item-extra {
      margin-left: 24px;
    }
  }

  @media screen and (max-width: 576px) {
    .ant-list-item {
      flex-wrap: wrap;
    }

    .ant-list-item-action {
      margin-left: 12px;
    }

    .ant-list-vertical .ant-list-item {
      flex-wrap: wrap-reverse;
    }

    .ant-list-vertical .ant-list-item-main {
      min-width: 220px;
    }

    .ant-list-vertical .ant-list-item-extra {
      margin: auto auto 16px;
    }
  }

  .ant-list-rtl {
    direction: rtl;
    text-align: right;
  }

  .ant-list-rtl .ReactVirtualized__List .ant-list-item {
    direction: rtl;
  }

  .ant-list-rtl .ant-list-pagination {
    text-align: left;
  }

  .ant-list-rtl .ant-list-item-meta-avatar {
    margin-right: 0;
    margin-left: 16px;
  }

  .ant-list-rtl .ant-list-item-action {
    margin-right: 48px;
    margin-left: 0;
  }

  .ant-list.ant-list-rtl .ant-list-item-action > li:first-child {
    padding-right: 0;
    padding-left: 16px;
  }

  .ant-list-rtl .ant-list-item-action-split {
    right: auto;
    left: 0;
  }

  .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
    margin-right: 40px;
    margin-left: 0;
  }

  .ant-list-rtl.ant-list-vertical .ant-list-item-action {
    margin-right: auto;
  }

  .ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child {
    padding-right: 0;
    padding-left: 16px;
  }

  .ant-list-rtl
    .ant-list:not(.ant-list-vertical)
    .ant-list-item-no-flex
    .ant-list-item-action {
    float: left;
  }

  @media screen and (max-width: 768px) {
    .ant-list-rtl .ant-list-item-action {
      margin-right: 24px;
      margin-left: 0;
    }

    .ant-list-rtl .ant-list-vertical .ant-list-item-extra {
      margin-right: 24px;
      margin-left: 0;
    }
  }

  @media screen and (max-width: 576px) {
    .ant-list-rtl .ant-list-item-action {
      margin-right: 22px;
      margin-left: 0;
    }

    .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
      margin: auto auto 16px;
    }
  }

  .ant-mentions-status-error:not(.ant-mentions-disabled):not(
      .ant-mentions-borderless
    ).ant-mentions,
  .ant-mentions-status-error:not(.ant-mentions-disabled):not(
      .ant-mentions-borderless
    ).ant-mentions:hover {
    background: 0 0;
    border-color: #a61d24;
  }

  .ant-mentions-status-error:not(.ant-mentions-disabled):not(
      .ant-mentions-borderless
    ).ant-mentions:focus,
  .ant-mentions-status-error:not(.ant-mentions-disabled):not(
      .ant-mentions-borderless
    ).ant-mentions-focused {
    border-color: #a61d24;
    box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-mentions-status-error .ant-input-prefix {
    color: #a61d24;
  }

  .ant-mentions-status-warning:not(.ant-mentions-disabled):not(
      .ant-mentions-borderless
    ).ant-mentions,
  .ant-mentions-status-warning:not(.ant-mentions-disabled):not(
      .ant-mentions-borderless
    ).ant-mentions:hover {
    background: 0 0;
    border-color: #d89614;
  }

  .ant-mentions-status-warning:not(.ant-mentions-disabled):not(
      .ant-mentions-borderless
    ).ant-mentions:focus,
  .ant-mentions-status-warning:not(.ant-mentions-disabled):not(
      .ant-mentions-borderless
    ).ant-mentions-focused {
    border-color: #d89614;
    box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-mentions-status-warning .ant-input-prefix {
    color: #d89614;
  }

  .ant-mentions {
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #434343;
    border-radius: 2px;
    transition: all 0.3s;
    position: relative;
    display: inline-block;
    height: auto;
    padding: 0;
    overflow: hidden;
    line-height: 1.5715;
    white-space: pre-wrap;
    vertical-align: bottom;
  }

  .ant-mentions::-moz-placeholder {
    color: rgba(255, 255, 255, 0.3);
    -moz-user-select: none;
    user-select: none;
  }

  .ant-mentions:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
    -ms-user-select: none;
    user-select: none;
  }

  .ant-mentions::placeholder {
    color: rgba(255, 255, 255, 0.3);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-mentions:-moz-placeholder-shown {
    text-overflow: ellipsis;
  }

  .ant-mentions:-ms-input-placeholder {
    text-overflow: ellipsis;
  }

  .ant-mentions:placeholder-shown {
    text-overflow: ellipsis;
  }

  .ant-mentions:hover {
    border-color: #165996;
    border-right-width: 1px;
  }

  .ant-mentions:focus,
  .ant-mentions-focused {
    border-color: #177ddc;
    box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-mentions-disabled {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }

  .ant-mentions-disabled:hover {
    border-color: #434343;
    border-right-width: 1px;
  }

  .ant-mentions[disabled] {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }

  .ant-mentions[disabled]:hover {
    border-color: #434343;
    border-right-width: 1px;
  }

  .ant-mentions-borderless,
  .ant-mentions-borderless:hover,
  .ant-mentions-borderless:focus,
  .ant-mentions-borderless-focused,
  .ant-mentions-borderless-disabled,
  .ant-mentions-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none;
  }

  textarea.ant-mentions {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all 0.3s, height 0s;
  }

  .ant-mentions-lg {
    padding: 6.5px 11px;
    font-size: 16px;
  }

  .ant-mentions-sm {
    padding: 0 7px;
  }

  .ant-mentions-disabled > textarea {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }

  .ant-mentions-disabled > textarea:hover {
    border-color: #434343;
    border-right-width: 1px;
  }

  .ant-mentions-focused {
    border-color: #177ddc;
    box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-mentions > textarea,
  .ant-mentions-measure {
    min-height: 30px;
    margin: 0;
    padding: 4px 11px;
    overflow: inherit;
    overflow-x: hidden;
    overflow-y: auto;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-size-adjust: inherit;
    font-stretch: inherit;
    line-height: inherit;
    direction: inherit;
    letter-spacing: inherit;
    white-space: inherit;
    text-align: inherit;
    vertical-align: top;
    word-wrap: break-word;
    word-break: inherit;
    -moz-tab-size: inherit;
    -o-tab-size: inherit;
    tab-size: inherit;
  }

  .ant-mentions > textarea {
    width: 100%;
    border: none;
    outline: none;
    resize: none;
    background-color: transparent;
  }

  .ant-mentions > textarea::-moz-placeholder {
    color: rgba(255, 255, 255, 0.3);
    -moz-user-select: none;
    user-select: none;
  }

  .ant-mentions > textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
    -ms-user-select: none;
    user-select: none;
  }

  .ant-mentions > textarea::placeholder {
    color: rgba(255, 255, 255, 0.3);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-mentions > textarea:-moz-placeholder-shown {
    text-overflow: ellipsis;
  }

  .ant-mentions > textarea:-ms-input-placeholder {
    text-overflow: ellipsis;
  }

  .ant-mentions > textarea:placeholder-shown {
    text-overflow: ellipsis;
  }

  .ant-mentions-measure {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    color: transparent;
    pointer-events: none;
  }

  .ant-mentions-measure > span {
    display: inline-block;
    min-height: 1em;
  }

  .ant-mentions-dropdown {
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    box-sizing: border-box;
    font-size: 14px;
    font-variant: initial;
    background-color: #1f1f1f;
    border-radius: 2px;
    outline: none;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  }

  .ant-mentions-dropdown-hidden {
    display: none;
  }

  .ant-mentions-dropdown-menu {
    max-height: 250px;
    margin-bottom: 0;
    padding-left: 0;
    overflow: auto;
    list-style: none;
    outline: none;
  }

  .ant-mentions-dropdown-menu-item {
    position: relative;
    display: block;
    min-width: 100px;
    padding: 5px 12px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    line-height: 1.5715;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: background 0.3s ease;
  }

  .ant-mentions-dropdown-menu-item:hover {
    background-color: rgba(255, 255, 255, 0.08);
  }

  .ant-mentions-dropdown-menu-item:first-child {
    border-radius: 2px 2px 0 0;
  }

  .ant-mentions-dropdown-menu-item:last-child {
    border-radius: 0 0 2px 2px;
  }

  .ant-mentions-dropdown-menu-item-disabled {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  .ant-mentions-dropdown-menu-item-disabled:hover {
    color: rgba(255, 255, 255, 0.3);
    background-color: #1f1f1f;
    cursor: not-allowed;
  }

  .ant-mentions-dropdown-menu-item-selected {
    color: rgba(255, 255, 255, 0.85);
    font-weight: 600;
    background-color: rgba(255, 255, 255, 0.04);
  }

  .ant-mentions-dropdown-menu-item-active {
    background-color: rgba(255, 255, 255, 0.08);
  }

  .ant-mentions-suffix {
    position: absolute;
    top: 0;
    right: 11px;
    bottom: 0;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    margin: auto;
  }

  .ant-mentions-rtl {
    direction: rtl;
  }

  .ant-menu-item-danger.ant-menu-item {
    color: #a61d24;
  }

  .ant-menu-item-danger.ant-menu-item:hover,
  .ant-menu-item-danger.ant-menu-item-active {
    color: #a61d24;
  }

  .ant-menu-item-danger.ant-menu-item:active {
    background: #2a1215;
  }

  .ant-menu-item-danger.ant-menu-item-selected {
    color: #a61d24;
  }

  .ant-menu-item-danger.ant-menu-item-selected > a,
  .ant-menu-item-danger.ant-menu-item-selected > a:hover {
    color: #a61d24;
  }

  .ant-menu:not(.ant-menu-horizontal)
    .ant-menu-item-danger.ant-menu-item-selected {
    background-color: #2a1215;
  }

  .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
    border-right-color: #a61d24;
  }

  .ant-menu-dark .ant-menu-item-danger.ant-menu-item,
  .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
  .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
    color: #a61d24;
  }

  .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal)
    .ant-menu-item-danger.ant-menu-item-selected {
    color: #fff;
    background-color: #a61d24;
  }

  .ant-menu {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-variant: tabular-nums;
    line-height: 1.5715;
    font-feature-settings: "tnum";
    margin-bottom: 0;
    padding-left: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    line-height: 0;
    text-align: left;
    list-style: none;
    background: #141414;
    outline: none;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
    transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
  }

  .ant-menu::before {
    display: table;
    content: "";
  }

  .ant-menu::after {
    display: table;
    clear: both;
    content: "";
  }

  .ant-menu.ant-menu-root:focus-visible {
    box-shadow: 0 0 0 2px #11263c;
  }

  .ant-menu ul,
  .ant-menu ol {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .ant-menu-overflow {
    display: flex;
  }

  .ant-menu-overflow-item {
    flex: none;
  }

  .ant-menu-hidden,
  .ant-menu-submenu-hidden {
    display: none;
  }

  .ant-menu-item-group-title {
    height: 1.5715;
    padding: 8px 16px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
    line-height: 1.5715;
    transition: all 0.3s;
  }

  .ant-menu-horizontal .ant-menu-submenu {
    transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .ant-menu-submenu,
  .ant-menu-submenu-inline {
    transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .ant-menu-submenu-selected {
    color: #177ddc;
  }

  .ant-menu-item:active,
  .ant-menu-submenu-title:active {
    background: #111b26;
  }

  .ant-menu-submenu .ant-menu-sub {
    cursor: initial;
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .ant-menu-title-content {
    transition: color 0.3s;
  }

  .ant-menu-item a {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-menu-item a:hover {
    color: #177ddc;
  }

  .ant-menu-item a::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    content: "";
  }

  .ant-menu-item > .ant-badge a {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-menu-item > .ant-badge a:hover {
    color: #177ddc;
  }

  .ant-menu-item-divider {
    overflow: hidden;
    line-height: 0;
    border-color: #303030;
    border-style: solid;
    border-width: 1px 0 0;
  }

  .ant-menu-item-divider-dashed {
    border-style: dashed;
  }

  .ant-menu-horizontal .ant-menu-item,
  .ant-menu-horizontal .ant-menu-submenu {
    margin-top: -1px;
  }

  .ant-menu-horizontal > .ant-menu-item:hover,
  .ant-menu-horizontal > .ant-menu-item-active,
  .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
    background-color: transparent;
  }

  .ant-menu-item-selected {
    color: #177ddc;
  }

  .ant-menu-item-selected a,
  .ant-menu-item-selected a:hover {
    color: #177ddc;
  }

  .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: #111b26;
  }

  .ant-menu-inline,
  .ant-menu-vertical,
  .ant-menu-vertical-left {
    border-right: 1px solid #303030;
  }

  .ant-menu-vertical-right {
    border-left: 1px solid #303030;
  }

  .ant-menu-vertical.ant-menu-sub,
  .ant-menu-vertical-left.ant-menu-sub,
  .ant-menu-vertical-right.ant-menu-sub {
    min-width: 160px;
    max-height: calc(100vh - 100px);
    padding: 0;
    overflow: hidden;
    border-right: 0;
  }

  .ant-menu-vertical.ant-menu-sub:not([class*="-active"]),
  .ant-menu-vertical-left.ant-menu-sub:not([class*="-active"]),
  .ant-menu-vertical-right.ant-menu-sub:not([class*="-active"]) {
    overflow-x: hidden;
    overflow-y: auto;
  }

  .ant-menu-vertical.ant-menu-sub .ant-menu-item,
  .ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
  .ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
    left: 0;
    margin-left: 0;
    border-right: 0;
  }

  .ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
  .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
  .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
    border-right: 0;
  }

  .ant-menu-vertical.ant-menu-sub > .ant-menu-item,
  .ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
  .ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
  .ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
  .ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
  .ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
    transform-origin: 0 0;
  }

  .ant-menu-horizontal.ant-menu-sub {
    min-width: 114px;
  }

  .ant-menu-horizontal .ant-menu-item,
  .ant-menu-horizontal .ant-menu-submenu-title {
    transition: border-color 0.3s, background 0.3s;
  }

  .ant-menu-item,
  .ant-menu-submenu-title {
    position: relative;
    display: block;
    margin: 0;
    padding: 0 20px;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color 0.3s, background 0.3s,
      padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .ant-menu-item .ant-menu-item-icon,
  .ant-menu-submenu-title .ant-menu-item-icon,
  .ant-menu-item .anticon,
  .ant-menu-submenu-title .anticon {
    min-width: 14px;
    font-size: 14px;
    transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
      margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
  }

  .ant-menu-item .ant-menu-item-icon + span,
  .ant-menu-submenu-title .ant-menu-item-icon + span,
  .ant-menu-item .anticon + span,
  .ant-menu-submenu-title .anticon + span {
    margin-left: 10px;
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s,
      color 0.3s;
  }

  .ant-menu-item .ant-menu-item-icon.svg,
  .ant-menu-submenu-title .ant-menu-item-icon.svg {
    vertical-align: -0.125em;
  }

  .ant-menu-item.ant-menu-item-only-child > .anticon,
  .ant-menu-submenu-title.ant-menu-item-only-child > .anticon,
  .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
  .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
    margin-right: 0;
  }

  .ant-menu-item:not(.ant-menu-item-disabled):focus-visible,
  .ant-menu-submenu-title:not(.ant-menu-item-disabled):focus-visible {
    box-shadow: 0 0 0 2px #11263c;
  }

  .ant-menu > .ant-menu-item-divider {
    margin: 1px 0;
    padding: 0;
  }

  .ant-menu-submenu-popup {
    position: absolute;
    z-index: 1050;
    background: 0 0;
    border-radius: 2px;
    box-shadow: none;
    transform-origin: 0 0;
  }

  .ant-menu-submenu-popup::before {
    position: absolute;
    top: -7px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0.0001;
    content: " ";
  }

  .ant-menu-submenu-placement-rightTop::before {
    top: 0;
    left: -7px;
  }

  .ant-menu-submenu > .ant-menu {
    background-color: #141414;
    border-radius: 2px;
  }

  .ant-menu-submenu > .ant-menu-submenu-title::after {
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .ant-menu-submenu-popup > .ant-menu {
    background-color: #1f1f1f;
  }

  .ant-menu-submenu-expand-icon,
  .ant-menu-submenu-arrow {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 10px;
    color: rgba(255, 255, 255, 0.85);
    transform: translateY(-50%);
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .ant-menu-submenu-arrow::before,
  .ant-menu-submenu-arrow::after {
    position: absolute;
    width: 6px;
    height: 1.5px;
    background-color: currentcolor;
    border-radius: 2px;
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    content: "";
  }

  .ant-menu-submenu-arrow::before {
    transform: rotate(45deg) translateY(-2.5px);
  }

  .ant-menu-submenu-arrow::after {
    transform: rotate(-45deg) translateY(2.5px);
  }

  .ant-menu-submenu:hover
    > .ant-menu-submenu-title
    > .ant-menu-submenu-expand-icon,
  .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
    color: #177ddc;
  }

  .ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,
  .ant-menu-submenu-inline .ant-menu-submenu-arrow::before {
    transform: rotate(-45deg) translateX(2.5px);
  }

  .ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,
  .ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
    transform: rotate(45deg) translateX(-2.5px);
  }

  .ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
    display: none;
  }

  .ant-menu-submenu-open.ant-menu-submenu-inline
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow {
    transform: translateY(-2px);
  }

  .ant-menu-submenu-open.ant-menu-submenu-inline
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::after {
    transform: rotate(-45deg) translateX(-2.5px);
  }

  .ant-menu-submenu-open.ant-menu-submenu-inline
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::before {
    transform: rotate(45deg) translateX(2.5px);
  }

  .ant-menu-vertical .ant-menu-submenu-selected,
  .ant-menu-vertical-left .ant-menu-submenu-selected,
  .ant-menu-vertical-right .ant-menu-submenu-selected {
    color: #177ddc;
  }

  .ant-menu-horizontal {
    line-height: 46px;
    border: 0;
    border-bottom: 1px solid #303030;
    box-shadow: none;
  }

  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
    margin-top: -1px;
    margin-bottom: 0;
    padding: 0 20px;
  }

  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
    color: #177ddc;
  }

  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after {
    border-bottom: 2px solid #177ddc;
  }

  .ant-menu-horizontal > .ant-menu-item,
  .ant-menu-horizontal > .ant-menu-submenu {
    position: relative;
    top: 1px;
    display: inline-block;
    vertical-align: bottom;
  }

  .ant-menu-horizontal > .ant-menu-item::after,
  .ant-menu-horizontal > .ant-menu-submenu::after {
    position: absolute;
    right: 20px;
    bottom: 0;
    left: 20px;
    border-bottom: 2px solid transparent;
    transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    content: "";
  }

  .ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title {
    padding: 0;
  }

  .ant-menu-horizontal > .ant-menu-item a {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-menu-horizontal > .ant-menu-item a:hover {
    color: #177ddc;
  }

  .ant-menu-horizontal > .ant-menu-item a::before {
    bottom: -2px;
  }

  .ant-menu-horizontal > .ant-menu-item-selected a {
    color: #177ddc;
  }

  .ant-menu-horizontal::after {
    display: block;
    clear: both;
    height: 0;
    content: "\20";
  }

  .ant-menu-vertical .ant-menu-item,
  .ant-menu-vertical-left .ant-menu-item,
  .ant-menu-vertical-right .ant-menu-item,
  .ant-menu-inline .ant-menu-item {
    position: relative;
  }

  .ant-menu-vertical .ant-menu-item::after,
  .ant-menu-vertical-left .ant-menu-item::after,
  .ant-menu-vertical-right .ant-menu-item::after,
  .ant-menu-inline .ant-menu-item::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-right: 3px solid #177ddc;
    transform: scaleY(0.0001);
    opacity: 0;
    transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
      opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    content: "";
  }

  .ant-menu-vertical .ant-menu-item,
  .ant-menu-vertical-left .ant-menu-item,
  .ant-menu-vertical-right .ant-menu-item,
  .ant-menu-inline .ant-menu-item,
  .ant-menu-vertical .ant-menu-submenu-title,
  .ant-menu-vertical-left .ant-menu-submenu-title,
  .ant-menu-vertical-right .ant-menu-submenu-title,
  .ant-menu-inline .ant-menu-submenu-title {
    height: 40px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 0 16px;
    overflow: hidden;
    line-height: 40px;
    text-overflow: ellipsis;
  }

  .ant-menu-vertical .ant-menu-submenu,
  .ant-menu-vertical-left .ant-menu-submenu,
  .ant-menu-vertical-right .ant-menu-submenu,
  .ant-menu-inline .ant-menu-submenu {
    padding-bottom: 0.02px;
  }

  .ant-menu-vertical .ant-menu-item:not(:last-child),
  .ant-menu-vertical-left .ant-menu-item:not(:last-child),
  .ant-menu-vertical-right .ant-menu-item:not(:last-child),
  .ant-menu-inline .ant-menu-item:not(:last-child) {
    margin-bottom: 8px;
  }

  .ant-menu-vertical > .ant-menu-item,
  .ant-menu-vertical-left > .ant-menu-item,
  .ant-menu-vertical-right > .ant-menu-item,
  .ant-menu-inline > .ant-menu-item,
  .ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
  .ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
  .ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
  .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
    height: 40px;
    line-height: 40px;
  }

  .ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,
  .ant-menu-vertical .ant-menu-submenu-title {
    padding-right: 34px;
  }

  .ant-menu-inline {
    width: 100%;
  }

  .ant-menu-inline .ant-menu-selected::after,
  .ant-menu-inline .ant-menu-item-selected::after {
    transform: scaleY(1);
    opacity: 1;
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
      opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .ant-menu-inline .ant-menu-item,
  .ant-menu-inline .ant-menu-submenu-title {
    width: calc(100% + 1px);
  }

  .ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,
  .ant-menu-inline .ant-menu-submenu-title {
    padding-right: 34px;
  }

  .ant-menu-inline.ant-menu-root .ant-menu-item,
  .ant-menu-inline.ant-menu-root .ant-menu-submenu-title {
    display: flex;
    align-items: center;
    transition: border-color 0.3s, background 0.3s,
      padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content,
  .ant-menu-inline.ant-menu-root
    .ant-menu-submenu-title
    > .ant-menu-title-content {
    flex: auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ant-menu-inline.ant-menu-root .ant-menu-item > *,
  .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
    flex: none;
  }

  .ant-menu.ant-menu-inline-collapsed {
    width: 80px;
  }

  .ant-menu.ant-menu-inline-collapsed > .ant-menu-item,
  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-item-group
    > .ant-menu-item-group-list
    > .ant-menu-item,
  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-item-group
    > .ant-menu-item-group-list
    > .ant-menu-submenu
    > .ant-menu-submenu-title,
  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-submenu
    > .ant-menu-submenu-title {
    left: 0;
    padding: 0 calc(50% - 16px / 2);
    text-overflow: clip;
  }

  .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-item-group
    > .ant-menu-item-group-list
    > .ant-menu-item
    .ant-menu-submenu-arrow,
  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-item-group
    > .ant-menu-item-group-list
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    .ant-menu-submenu-arrow,
  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    .ant-menu-submenu-arrow {
    opacity: 0;
  }

  .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon,
  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-item-group
    > .ant-menu-item-group-list
    > .ant-menu-item
    .ant-menu-item-icon,
  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-item-group
    > .ant-menu-item-group-list
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    .ant-menu-item-icon,
  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    .ant-menu-item-icon,
  .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon,
  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-item-group
    > .ant-menu-item-group-list
    > .ant-menu-item
    .anticon,
  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-item-group
    > .ant-menu-item-group-list
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    .anticon,
  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    .anticon {
    margin: 0;
    font-size: 16px;
    line-height: 40px;
  }

  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-item
    .ant-menu-item-icon
    + span,
  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-item-group
    > .ant-menu-item-group-list
    > .ant-menu-item
    .ant-menu-item-icon
    + span,
  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-item-group
    > .ant-menu-item-group-list
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    .ant-menu-item-icon
    + span,
  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    .ant-menu-item-icon
    + span,
  .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-item-group
    > .ant-menu-item-group-list
    > .ant-menu-item
    .anticon
    + span,
  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-item-group
    > .ant-menu-item-group-list
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    .anticon
    + span,
  .ant-menu.ant-menu-inline-collapsed
    > .ant-menu-submenu
    > .ant-menu-submenu-title
    .anticon
    + span {
    display: inline-block;
    opacity: 0;
  }

  .ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,
  .ant-menu.ant-menu-inline-collapsed .anticon {
    display: inline-block;
  }

  .ant-menu.ant-menu-inline-collapsed-tooltip {
    pointer-events: none;
  }

  .ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
  .ant-menu.ant-menu-inline-collapsed-tooltip .anticon {
    display: none;
  }

  .ant-menu.ant-menu-inline-collapsed-tooltip a {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title {
    padding-right: 4px;
    padding-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .ant-menu-item-group-list {
    margin: 0;
    padding: 0;
  }

  .ant-menu-item-group-list .ant-menu-item,
  .ant-menu-item-group-list .ant-menu-submenu-title {
    padding: 0 16px 0 28px;
  }

  .ant-menu-root.ant-menu-vertical,
  .ant-menu-root.ant-menu-vertical-left,
  .ant-menu-root.ant-menu-vertical-right,
  .ant-menu-root.ant-menu-inline {
    box-shadow: none;
  }

  .ant-menu-root.ant-menu-inline-collapsed
    .ant-menu-item
    > .ant-menu-inline-collapsed-noicon,
  .ant-menu-root.ant-menu-inline-collapsed
    .ant-menu-submenu
    .ant-menu-submenu-title
    > .ant-menu-inline-collapsed-noicon {
    font-size: 16px;
    text-align: center;
  }

  .ant-menu-sub.ant-menu-inline {
    padding: 0;
    background: rgba(255, 255, 255, 0.04);
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .ant-menu-sub.ant-menu-inline > .ant-menu-item,
  .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
    height: 40px;
    line-height: 40px;
    list-style-position: inside;
    list-style-type: disc;
  }

  .ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
    padding-left: 32px;
  }

  .ant-menu-item-disabled,
  .ant-menu-submenu-disabled {
    color: rgba(255, 255, 255, 0.3) !important;
    background: 0 0;
    cursor: not-allowed;
  }

  .ant-menu-item-disabled::after,
  .ant-menu-submenu-disabled::after {
    border-color: transparent !important;
  }

  .ant-menu-item-disabled a,
  .ant-menu-submenu-disabled a {
    color: rgba(255, 255, 255, 0.3) !important;
    pointer-events: none;
  }

  .ant-menu-item-disabled > .ant-menu-submenu-title,
  .ant-menu-submenu-disabled > .ant-menu-submenu-title {
    color: rgba(255, 255, 255, 0.3) !important;
    cursor: not-allowed;
  }

  .ant-menu-item-disabled
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::before,
  .ant-menu-submenu-disabled
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::before,
  .ant-menu-item-disabled
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::after,
  .ant-menu-submenu-disabled
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::after {
    background: rgba(255, 255, 255, 0.3) !important;
  }

  .ant-layout-header .ant-menu {
    line-height: inherit;
  }

  .ant-menu-inline-collapsed-tooltip a,
  .ant-menu-inline-collapsed-tooltip a:hover {
    color: #fff;
  }

  .ant-menu-light .ant-menu-item:hover,
  .ant-menu-light .ant-menu-item-active,
  .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
  .ant-menu-light .ant-menu-submenu-active,
  .ant-menu-light .ant-menu-submenu-title:hover {
    color: rgba(255, 255, 255, 0.65) !important;
  }

  .ant-menu.ant-menu-root:focus-visible {
    box-shadow: 0 0 0 2px #388ed3;
  }

  .ant-menu-dark .ant-menu-item:focus-visible,
  .ant-menu-dark .ant-menu-submenu-title:focus-visible {
    box-shadow: 0 0 0 2px #388ed3;
  }

  .ant-menu.ant-menu-dark,
  .ant-menu-dark .ant-menu-sub,
  .ant-menu.ant-menu-dark .ant-menu-sub {
    color: rgba(255, 255, 255, 0.65);
    background: #1f1f1f;
  }

  .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
  .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
  .ant-menu.ant-menu-dark
    .ant-menu-sub
    .ant-menu-submenu-title
    .ant-menu-submenu-arrow {
    opacity: 0.45;
    transition: all 0.3s;
  }

  .ant-menu.ant-menu-dark
    .ant-menu-submenu-title
    .ant-menu-submenu-arrow::after,
  .ant-menu-dark
    .ant-menu-sub
    .ant-menu-submenu-title
    .ant-menu-submenu-arrow::after,
  .ant-menu.ant-menu-dark
    .ant-menu-sub
    .ant-menu-submenu-title
    .ant-menu-submenu-arrow::after,
  .ant-menu.ant-menu-dark
    .ant-menu-submenu-title
    .ant-menu-submenu-arrow::before,
  .ant-menu-dark
    .ant-menu-sub
    .ant-menu-submenu-title
    .ant-menu-submenu-arrow::before,
  .ant-menu.ant-menu-dark
    .ant-menu-sub
    .ant-menu-submenu-title
    .ant-menu-submenu-arrow::before {
    background: #fff;
  }

  .ant-menu-dark.ant-menu-submenu-popup {
    background: 0 0;
  }

  .ant-menu-dark .ant-menu-inline.ant-menu-sub {
    background: #141414;
  }

  .ant-menu-dark.ant-menu-horizontal {
    border-bottom: 0;
  }

  .ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
  .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
    top: 0;
    margin-top: 0;
    padding: 0 20px;
    border-color: #1f1f1f;
    border-bottom: 0;
  }

  .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
    background-color: #177ddc;
  }

  .ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
    bottom: 0;
  }

  .ant-menu-dark .ant-menu-item,
  .ant-menu-dark .ant-menu-item-group-title,
  .ant-menu-dark .ant-menu-item > a,
  .ant-menu-dark .ant-menu-item > span > a {
    color: rgba(255, 255, 255, 0.65);
  }

  .ant-menu-dark.ant-menu-inline,
  .ant-menu-dark.ant-menu-vertical,
  .ant-menu-dark.ant-menu-vertical-left,
  .ant-menu-dark.ant-menu-vertical-right {
    border-right: 0;
  }

  .ant-menu-dark.ant-menu-inline .ant-menu-item,
  .ant-menu-dark.ant-menu-vertical .ant-menu-item,
  .ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
  .ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
    left: 0;
    margin-left: 0;
    border-right: 0;
  }

  .ant-menu-dark.ant-menu-inline .ant-menu-item::after,
  .ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
  .ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
  .ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
    border-right: 0;
  }

  .ant-menu-dark.ant-menu-inline .ant-menu-item,
  .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
    width: 100%;
  }

  .ant-menu-dark .ant-menu-item:hover,
  .ant-menu-dark .ant-menu-item-active,
  .ant-menu-dark .ant-menu-submenu-active,
  .ant-menu-dark .ant-menu-submenu-open,
  .ant-menu-dark .ant-menu-submenu-selected,
  .ant-menu-dark .ant-menu-submenu-title:hover {
    color: #fff;
    background-color: transparent;
  }

  .ant-menu-dark .ant-menu-item:hover > a,
  .ant-menu-dark .ant-menu-item-active > a,
  .ant-menu-dark .ant-menu-submenu-active > a,
  .ant-menu-dark .ant-menu-submenu-open > a,
  .ant-menu-dark .ant-menu-submenu-selected > a,
  .ant-menu-dark .ant-menu-submenu-title:hover > a,
  .ant-menu-dark .ant-menu-item:hover > span > a,
  .ant-menu-dark .ant-menu-item-active > span > a,
  .ant-menu-dark .ant-menu-submenu-active > span > a,
  .ant-menu-dark .ant-menu-submenu-open > span > a,
  .ant-menu-dark .ant-menu-submenu-selected > span > a,
  .ant-menu-dark .ant-menu-submenu-title:hover > span > a {
    color: #fff;
  }

  .ant-menu-dark
    .ant-menu-item:hover
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow,
  .ant-menu-dark
    .ant-menu-item-active
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow,
  .ant-menu-dark
    .ant-menu-submenu-active
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow,
  .ant-menu-dark
    .ant-menu-submenu-open
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow,
  .ant-menu-dark
    .ant-menu-submenu-selected
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow,
  .ant-menu-dark
    .ant-menu-submenu-title:hover
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow {
    opacity: 1;
  }

  .ant-menu-dark
    .ant-menu-item:hover
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::after,
  .ant-menu-dark
    .ant-menu-item-active
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::after,
  .ant-menu-dark
    .ant-menu-submenu-active
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::after,
  .ant-menu-dark
    .ant-menu-submenu-open
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::after,
  .ant-menu-dark
    .ant-menu-submenu-selected
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::after,
  .ant-menu-dark
    .ant-menu-submenu-title:hover
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::after,
  .ant-menu-dark
    .ant-menu-item:hover
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::before,
  .ant-menu-dark
    .ant-menu-item-active
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::before,
  .ant-menu-dark
    .ant-menu-submenu-active
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::before,
  .ant-menu-dark
    .ant-menu-submenu-open
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::before,
  .ant-menu-dark
    .ant-menu-submenu-selected
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::before,
  .ant-menu-dark
    .ant-menu-submenu-title:hover
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::before {
    background: #fff;
  }

  .ant-menu-dark .ant-menu-item:hover {
    background-color: transparent;
  }

  .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal)
    .ant-menu-item-selected {
    background-color: #177ddc;
  }

  .ant-menu-dark .ant-menu-item-selected {
    color: #fff;
    border-right: 0;
  }

  .ant-menu-dark .ant-menu-item-selected::after {
    border-right: 0;
  }

  .ant-menu-dark .ant-menu-item-selected > a,
  .ant-menu-dark .ant-menu-item-selected > span > a,
  .ant-menu-dark .ant-menu-item-selected > a:hover,
  .ant-menu-dark .ant-menu-item-selected > span > a:hover {
    color: #fff;
  }

  .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
  .ant-menu-dark .ant-menu-item-selected .anticon {
    color: #fff;
  }

  .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span,
  .ant-menu-dark .ant-menu-item-selected .anticon + span {
    color: #fff;
  }

  .ant-menu.ant-menu-dark .ant-menu-item-selected,
  .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
    background-color: #177ddc;
  }

  .ant-menu-dark .ant-menu-item-disabled,
  .ant-menu-dark .ant-menu-submenu-disabled,
  .ant-menu-dark .ant-menu-item-disabled > a,
  .ant-menu-dark .ant-menu-submenu-disabled > a,
  .ant-menu-dark .ant-menu-item-disabled > span > a,
  .ant-menu-dark .ant-menu-submenu-disabled > span > a {
    color: rgba(255, 255, 255, 0.3) !important;
    opacity: 0.8;
  }

  .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
  .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
    color: rgba(255, 255, 255, 0.3) !important;
  }

  .ant-menu-dark
    .ant-menu-item-disabled
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::before,
  .ant-menu-dark
    .ant-menu-submenu-disabled
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::before,
  .ant-menu-dark
    .ant-menu-item-disabled
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::after,
  .ant-menu-dark
    .ant-menu-submenu-disabled
    > .ant-menu-submenu-title
    > .ant-menu-submenu-arrow::after {
    background: rgba(255, 255, 255, 0.3) !important;
  }

  .ant-menu.ant-menu-rtl {
    direction: rtl;
    text-align: right;
  }

  .ant-menu-rtl .ant-menu-item-group-title {
    text-align: right;
  }

  .ant-menu-rtl.ant-menu-inline,
  .ant-menu-rtl.ant-menu-vertical {
    border-right: none;
    border-left: 1px solid #303030;
  }

  .ant-menu-rtl.ant-menu-dark.ant-menu-inline,
  .ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
    border-left: none;
  }

  .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
  .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
  .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
  .ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
  .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
  .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
    transform-origin: top right;
  }

  .ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
  .ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
  .ant-menu-rtl .ant-menu-item .anticon,
  .ant-menu-rtl .ant-menu-submenu-title .anticon {
    margin-right: auto;
    margin-left: 10px;
  }

  .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
  .ant-menu-rtl
    .ant-menu-submenu-title.ant-menu-item-only-child
    > .ant-menu-item-icon,
  .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon,
  .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon {
    margin-left: 0;
  }

  .ant-menu-submenu-rtl.ant-menu-submenu-popup {
    transform-origin: 100% 0;
  }

  .ant-menu-rtl
    .ant-menu-submenu-vertical
    > .ant-menu-submenu-title
    .ant-menu-submenu-arrow,
  .ant-menu-rtl
    .ant-menu-submenu-vertical-left
    > .ant-menu-submenu-title
    .ant-menu-submenu-arrow,
  .ant-menu-rtl
    .ant-menu-submenu-vertical-right
    > .ant-menu-submenu-title
    .ant-menu-submenu-arrow,
  .ant-menu-rtl
    .ant-menu-submenu-inline
    > .ant-menu-submenu-title
    .ant-menu-submenu-arrow {
    right: auto;
    left: 16px;
  }

  .ant-menu-rtl
    .ant-menu-submenu-vertical
    > .ant-menu-submenu-title
    .ant-menu-submenu-arrow::before,
  .ant-menu-rtl
    .ant-menu-submenu-vertical-left
    > .ant-menu-submenu-title
    .ant-menu-submenu-arrow::before,
  .ant-menu-rtl
    .ant-menu-submenu-vertical-right
    > .ant-menu-submenu-title
    .ant-menu-submenu-arrow::before {
    transform: rotate(-45deg) translateY(-2px);
  }

  .ant-menu-rtl
    .ant-menu-submenu-vertical
    > .ant-menu-submenu-title
    .ant-menu-submenu-arrow::after,
  .ant-menu-rtl
    .ant-menu-submenu-vertical-left
    > .ant-menu-submenu-title
    .ant-menu-submenu-arrow::after,
  .ant-menu-rtl
    .ant-menu-submenu-vertical-right
    > .ant-menu-submenu-title
    .ant-menu-submenu-arrow::after {
    transform: rotate(45deg) translateY(2px);
  }

  .ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
  .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
  .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
  .ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
    right: auto;
    left: 0;
  }

  .ant-menu-rtl.ant-menu-vertical .ant-menu-item,
  .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
  .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
  .ant-menu-rtl.ant-menu-inline .ant-menu-item,
  .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
  .ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
  .ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
  .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
    text-align: right;
  }

  .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
    padding-right: 0;
    padding-left: 34px;
  }

  .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
    padding-right: 16px;
    padding-left: 34px;
  }

  .ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical
    .ant-menu-submenu-title {
    padding: 0 calc(50% - 16px / 2);
  }

  .ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
  .ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
    padding: 0 28px 0 16px;
  }

  .ant-menu-sub.ant-menu-inline {
    border: 0;
  }

  .ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
    padding-right: 32px;
    padding-left: 0;
  }

  .ant-message {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: fixed;
    top: 8px;
    left: 0;
    z-index: 1010;
    width: 100%;
    pointer-events: none;
  }

  .ant-message-notice {
    padding: 8px;
    text-align: center;
  }

  .ant-message-notice-content {
    display: inline-block;
    padding: 10px 16px;
    background: #1f1f1f;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
    pointer-events: all;
  }

  .ant-message-success .anticon {
    color: #49aa19;
  }

  .ant-message-error .anticon {
    color: #a61d24;
  }

  .ant-message-warning .anticon {
    color: #d89614;
  }

  .ant-message-info .anticon,
  .ant-message-loading .anticon {
    color: #177ddc;
  }

  .ant-message .anticon {
    position: relative;
    top: 1px;
    margin-right: 8px;
    font-size: 16px;
  }

  .ant-message-notice.ant-move-up-leave.ant-move-up-leave-active {
    animation-name: MessageMoveOut;
    animation-duration: 0.3s;
  }

  @keyframes MessageMoveOut {
    0% {
      max-height: 150px;
      padding: 8px;
      opacity: 1;
    }

    100% {
      max-height: 0;
      padding: 0;
      opacity: 0;
    }
  }

  .ant-message-rtl {
    direction: rtl;
  }

  .ant-message-rtl span {
    direction: rtl;
  }

  .ant-message-rtl .anticon {
    margin-right: 0;
    margin-left: 8px;
  }

  .ant-modal {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    pointer-events: none;
    position: relative;
    top: 100px;
    width: auto;
    max-width: calc(100vw - 32px);
    margin: 0 auto;
    padding-bottom: 24px;
  }

  .ant-modal.ant-zoom-enter,
  .ant-modal.ant-zoom-appear {
    transform: none;
    opacity: 0;
    animation-duration: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
  }

  .ant-modal-mask-hidden {
    display: none;
  }

  .ant-modal-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    outline: 0;
  }

  .ant-modal-wrap {
    z-index: 1000;
  }

  .ant-modal-title {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    word-wrap: break-word;
  }

  .ant-modal-content {
    position: relative;
    background-color: #1f1f1f;
    background-clip: padding-box;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
    pointer-events: auto;
  }

  .ant-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    background: 0 0;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: color 0.3s;
  }

  .ant-modal-close-x {
    display: block;
    width: 54px;
    height: 54px;
    font-size: 16px;
    font-style: normal;
    line-height: 54px;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
  }

  .ant-modal-close:focus,
  .ant-modal-close:hover {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
  }

  .ant-modal-header {
    padding: 16px 24px;
    color: rgba(255, 255, 255, 0.85);
    background: #1f1f1f;
    border-bottom: 1px solid #303030;
    border-radius: 2px 2px 0 0;
  }

  .ant-modal-body {
    padding: 24px;
    font-size: 14px;
    line-height: 1.5715;
    word-wrap: break-word;
  }

  .ant-modal-footer {
    padding: 10px 16px;
    text-align: right;
    background: 0 0;
    border-top: 1px solid #303030;
    border-radius: 0 0 2px 2px;
  }

  .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
    margin-bottom: 0;
    margin-left: 8px;
  }

  .ant-modal-open {
    overflow: hidden;
  }

  .ant-modal-centered {
    text-align: center;
  }

  .ant-modal-centered::before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: "";
  }

  .ant-modal-centered .ant-modal {
    top: 0;
    display: inline-block;
    padding-bottom: 0;
    text-align: left;
    vertical-align: middle;
  }

  @media (max-width: 767px) {
    .ant-modal {
      max-width: calc(100vw - 16px);
      margin: 8px auto;
    }

    .ant-modal-centered .ant-modal {
      flex: 1;
    }
  }

  .ant-modal-confirm .ant-modal-header {
    display: none;
  }

  .ant-modal-confirm .ant-modal-body {
    padding: 32px 32px 24px;
  }

  .ant-modal-confirm-body-wrapper::before {
    display: table;
    content: "";
  }

  .ant-modal-confirm-body-wrapper::after {
    display: table;
    clear: both;
    content: "";
  }

  .ant-modal-confirm-body .ant-modal-confirm-title {
    display: block;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
  }

  .ant-modal-confirm-body .ant-modal-confirm-content {
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
  }

  .ant-modal-confirm-body > .anticon {
    float: left;
    margin-right: 16px;
    font-size: 22px;
  }

  .ant-modal-confirm-body
    > .anticon
    + .ant-modal-confirm-title
    + .ant-modal-confirm-content {
    margin-left: 38px;
  }

  .ant-modal-confirm .ant-modal-confirm-btns {
    margin-top: 24px;
    text-align: right;
  }

  .ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
    margin-bottom: 0;
    margin-left: 8px;
  }

  .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
    color: #a61d24;
  }

  .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
  .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
    color: #d89614;
  }

  .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
    color: #177ddc;
  }

  .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
    color: #49aa19;
  }

  .ant-modal-confirm .ant-zoom-leave .ant-modal-confirm-btns {
    pointer-events: none;
  }

  .ant-modal-wrap-rtl {
    direction: rtl;
  }

  .ant-modal-wrap-rtl .ant-modal-close {
    right: initial;
    left: 0;
  }

  .ant-modal-wrap-rtl .ant-modal-footer {
    text-align: left;
  }

  .ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
    margin-right: 8px;
    margin-left: 0;
  }

  .ant-modal-wrap-rtl .ant-modal-confirm-body {
    direction: rtl;
  }

  .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
    float: right;
    margin-right: 0;
    margin-left: 16px;
  }

  .ant-modal-wrap-rtl
    .ant-modal-confirm-body
    > .anticon
    + .ant-modal-confirm-title
    + .ant-modal-confirm-content {
    margin-right: 38px;
    margin-left: 0;
  }

  .ant-modal-wrap-rtl .ant-modal-confirm-btns {
    text-align: left;
  }

  .ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
    margin-right: 8px;
    margin-left: 0;
  }

  .ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
    text-align: right;
  }

  .ant-modal .ant-picker-clear,
  .ant-modal .ant-slider-handle,
  .ant-modal .ant-anchor-wrapper,
  .ant-modal .ant-collapse-content,
  .ant-modal .ant-timeline-item-head,
  .ant-modal .ant-card {
    background-color: #1f1f1f;
  }

  .ant-modal .ant-transfer-list-header {
    background: #1f1f1f;
    border-bottom: 1px solid #3a3a3a;
  }

  .ant-modal
    .ant-transfer-list-content-item:not(
      .ant-transfer-list-content-item-disabled
    ):hover {
    background-color: rgba(255, 255, 255, 0.08);
  }

  .ant-modal tr.ant-table-expanded-row > td,
  .ant-modal tr.ant-table-expanded-row:hover > td {
    background: #272727;
  }

  .ant-modal .ant-table.ant-table-small thead > tr > th {
    background-color: #1f1f1f;
    border-bottom: 1px solid #3a3a3a;
  }

  .ant-modal .ant-table {
    background-color: #1f1f1f;
  }

  .ant-modal .ant-table .ant-table-row-expand-icon {
    border: 1px solid #3a3a3a;
  }

  .ant-modal .ant-table tfoot > tr > th,
  .ant-modal .ant-table tfoot > tr > td {
    border-bottom: 1px solid #3a3a3a;
  }

  .ant-modal .ant-table thead > tr > th {
    background-color: #272727;
    border-bottom: 1px solid #3a3a3a;
  }

  .ant-modal .ant-table tbody > tr > td {
    border-bottom: 1px solid #3a3a3a;
  }

  .ant-modal .ant-table tbody > tr > td.ant-table-cell-fix-left,
  .ant-modal .ant-table tbody > tr > td.ant-table-cell-fix-right {
    background-color: #1f1f1f;
  }

  .ant-modal .ant-table tbody > tr.ant-table-row:hover > td {
    background: #303030;
  }

  .ant-modal .ant-table.ant-table-bordered .ant-table-title {
    border: 1px solid #3a3a3a;
  }

  .ant-modal .ant-table.ant-table-bordered thead > tr > th,
  .ant-modal .ant-table.ant-table-bordered tbody > tr > td,
  .ant-modal .ant-table.ant-table-bordered tfoot > tr > th,
  .ant-modal .ant-table.ant-table-bordered tfoot > tr > td {
    border-right: 1px solid #3a3a3a;
  }

  .ant-modal
    .ant-table.ant-table-bordered
    .ant-table-cell-fix-right-first::after {
    border-right: 1px solid #3a3a3a;
  }

  .ant-modal
    .ant-table.ant-table-bordered
    table
    thead
    > tr:not(:last-child)
    > th {
    border-bottom: 1px solid #303030;
  }

  .ant-modal .ant-table.ant-table-bordered .ant-table-container {
    border: 1px solid #3a3a3a;
  }

  .ant-modal
    .ant-table.ant-table-bordered
    .ant-table-expanded-row-fixed::after {
    border-right: 1px solid #3a3a3a;
  }

  .ant-modal .ant-table.ant-table-bordered .ant-table-footer {
    border: 1px solid #3a3a3a;
  }

  .ant-modal .ant-table .ant-table-filter-trigger-container-open {
    background-color: #525252;
  }

  .ant-modal .ant-picker-calendar-full {
    background-color: #1f1f1f;
  }

  .ant-modal .ant-picker-calendar-full .ant-picker-panel {
    background-color: #1f1f1f;
  }

  .ant-modal
    .ant-picker-calendar-full
    .ant-picker-panel
    .ant-picker-calendar-date {
    border-top: 2px solid #3a3a3a;
  }

  .ant-modal .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    background-color: #1f1f1f;
    border-bottom: 1px solid #1f1f1f;
  }

  .ant-modal .ant-badge-count {
    box-shadow: 0 0 0 1px #1f1f1f;
  }

  .ant-modal .ant-tree-show-line .ant-tree-switcher {
    background: #1f1f1f;
  }

  .ant-notification .ant-picker-clear,
  .ant-notification .ant-slider-handle,
  .ant-notification .ant-anchor-wrapper,
  .ant-notification .ant-collapse-content,
  .ant-notification .ant-timeline-item-head,
  .ant-notification .ant-card {
    background-color: #1f1f1f;
  }

  .ant-notification .ant-transfer-list-header {
    background: #1f1f1f;
    border-bottom: 1px solid #3a3a3a;
  }

  .ant-notification
    .ant-transfer-list-content-item:not(
      .ant-transfer-list-content-item-disabled
    ):hover {
    background-color: rgba(255, 255, 255, 0.08);
  }

  .ant-notification tr.ant-table-expanded-row > td,
  .ant-notification tr.ant-table-expanded-row:hover > td {
    background: #272727;
  }

  .ant-notification .ant-table.ant-table-small thead > tr > th {
    background-color: #1f1f1f;
    border-bottom: 1px solid #3a3a3a;
  }

  .ant-notification .ant-table {
    background-color: #1f1f1f;
  }

  .ant-notification .ant-table .ant-table-row-expand-icon {
    border: 1px solid #3a3a3a;
  }

  .ant-notification .ant-table tfoot > tr > th,
  .ant-notification .ant-table tfoot > tr > td {
    border-bottom: 1px solid #3a3a3a;
  }

  .ant-notification .ant-table thead > tr > th {
    background-color: #272727;
    border-bottom: 1px solid #3a3a3a;
  }

  .ant-notification .ant-table tbody > tr > td {
    border-bottom: 1px solid #3a3a3a;
  }

  .ant-notification .ant-table tbody > tr > td.ant-table-cell-fix-left,
  .ant-notification .ant-table tbody > tr > td.ant-table-cell-fix-right {
    background-color: #1f1f1f;
  }

  .ant-notification .ant-table tbody > tr.ant-table-row:hover > td {
    background: #303030;
  }

  .ant-notification .ant-table.ant-table-bordered .ant-table-title {
    border: 1px solid #3a3a3a;
  }

  .ant-notification .ant-table.ant-table-bordered thead > tr > th,
  .ant-notification .ant-table.ant-table-bordered tbody > tr > td,
  .ant-notification .ant-table.ant-table-bordered tfoot > tr > th,
  .ant-notification .ant-table.ant-table-bordered tfoot > tr > td {
    border-right: 1px solid #3a3a3a;
  }

  .ant-notification
    .ant-table.ant-table-bordered
    .ant-table-cell-fix-right-first::after {
    border-right: 1px solid #3a3a3a;
  }

  .ant-notification
    .ant-table.ant-table-bordered
    table
    thead
    > tr:not(:last-child)
    > th {
    border-bottom: 1px solid #303030;
  }

  .ant-notification .ant-table.ant-table-bordered .ant-table-container {
    border: 1px solid #3a3a3a;
  }

  .ant-notification
    .ant-table.ant-table-bordered
    .ant-table-expanded-row-fixed::after {
    border-right: 1px solid #3a3a3a;
  }

  .ant-notification .ant-table.ant-table-bordered .ant-table-footer {
    border: 1px solid #3a3a3a;
  }

  .ant-notification .ant-table .ant-table-filter-trigger-container-open {
    background-color: #525252;
  }

  .ant-notification .ant-picker-calendar-full {
    background-color: #1f1f1f;
  }

  .ant-notification .ant-picker-calendar-full .ant-picker-panel {
    background-color: #1f1f1f;
  }

  .ant-notification
    .ant-picker-calendar-full
    .ant-picker-panel
    .ant-picker-calendar-date {
    border-top: 2px solid #3a3a3a;
  }

  .ant-notification
    .ant-tabs.ant-tabs-card
    .ant-tabs-card-bar
    .ant-tabs-tab-active {
    background-color: #1f1f1f;
    border-bottom: 1px solid #1f1f1f;
  }

  .ant-notification .ant-badge-count {
    box-shadow: 0 0 0 1px #1f1f1f;
  }

  .ant-notification .ant-tree-show-line .ant-tree-switcher {
    background: #1f1f1f;
  }

  .ant-notification {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: fixed;
    z-index: 1010;
    margin-right: 24px;
  }

  .ant-notification-close-icon {
    font-size: 14px;
    cursor: pointer;
  }

  .ant-notification-hook-holder {
    position: relative;
  }

  .ant-notification-notice {
    position: relative;
    width: 384px;
    max-width: calc(100vw - 24px * 2);
    margin-bottom: 16px;
    margin-left: auto;
    padding: 16px 24px;
    overflow: hidden;
    line-height: 1.5715;
    word-wrap: break-word;
    background: #1f1f1f;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  }

  .ant-notification-top .ant-notification-notice,
  .ant-notification-bottom .ant-notification-notice {
    margin-right: auto;
    margin-left: auto;
  }

  .ant-notification-topLeft .ant-notification-notice,
  .ant-notification-bottomLeft .ant-notification-notice {
    margin-right: auto;
    margin-left: 0;
  }

  .ant-notification-notice-message {
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    line-height: 24px;
  }

  .ant-notification-notice-message-single-line-auto-margin {
    display: block;
    width: calc(384px - 24px * 2 - 24px - 48px - 100%);
    max-width: 4px;
    background-color: transparent;
    pointer-events: none;
  }

  .ant-notification-notice-message-single-line-auto-margin::before {
    display: block;
    content: "";
  }

  .ant-notification-notice-description {
    font-size: 14px;
  }

  .ant-notification-notice-closable .ant-notification-notice-message {
    padding-right: 24px;
  }

  .ant-notification-notice-with-icon .ant-notification-notice-message {
    margin-bottom: 4px;
    margin-left: 48px;
    font-size: 16px;
  }

  .ant-notification-notice-with-icon .ant-notification-notice-description {
    margin-left: 48px;
    font-size: 14px;
  }

  .ant-notification-notice-icon {
    position: absolute;
    margin-left: 4px;
    font-size: 24px;
    line-height: 24px;
  }

  .anticon.ant-notification-notice-icon-success {
    color: #49aa19;
  }

  .anticon.ant-notification-notice-icon-info {
    color: #177ddc;
  }

  .anticon.ant-notification-notice-icon-warning {
    color: #d89614;
  }

  .anticon.ant-notification-notice-icon-error {
    color: #a61d24;
  }

  .ant-notification-notice-close {
    position: absolute;
    top: 16px;
    right: 22px;
    color: rgba(255, 255, 255, 0.45);
    outline: none;
  }

  .ant-notification-notice-close:hover {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-notification-notice-btn {
    float: right;
    margin-top: 16px;
  }

  .ant-notification .notification-fade-effect {
    animation-duration: 0.24s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-fill-mode: both;
  }

  .ant-notification-fade-enter,
  .ant-notification-fade-appear {
    animation-duration: 0.24s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-fill-mode: both;
    opacity: 0;
    animation-play-state: paused;
  }

  .ant-notification-fade-leave {
    animation-duration: 0.24s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-fill-mode: both;
    animation-duration: 0.2s;
    animation-play-state: paused;
  }

  .ant-notification-fade-enter.ant-notification-fade-enter-active,
  .ant-notification-fade-appear.ant-notification-fade-appear-active {
    animation-name: NotificationFadeIn;
    animation-play-state: running;
  }

  .ant-notification-fade-leave.ant-notification-fade-leave-active {
    animation-name: NotificationFadeOut;
    animation-play-state: running;
  }

  @keyframes NotificationFadeIn {
    0% {
      left: 384px;
      opacity: 0;
    }

    100% {
      left: 0;
      opacity: 1;
    }
  }

  @keyframes NotificationFadeOut {
    0% {
      max-height: 150px;
      margin-bottom: 16px;
      opacity: 1;
    }

    100% {
      max-height: 0;
      margin-bottom: 0;
      padding-top: 0;
      padding-bottom: 0;
      opacity: 0;
    }
  }

  .ant-notification-rtl {
    direction: rtl;
  }

  .ant-notification-rtl
    .ant-notification-notice-closable
    .ant-notification-notice-message {
    padding-right: 0;
    padding-left: 24px;
  }

  .ant-notification-rtl
    .ant-notification-notice-with-icon
    .ant-notification-notice-message {
    margin-right: 48px;
    margin-left: 0;
  }

  .ant-notification-rtl
    .ant-notification-notice-with-icon
    .ant-notification-notice-description {
    margin-right: 48px;
    margin-left: 0;
  }

  .ant-notification-rtl .ant-notification-notice-icon {
    margin-right: 4px;
    margin-left: 0;
  }

  .ant-notification-rtl .ant-notification-notice-close {
    right: auto;
    left: 22px;
  }

  .ant-notification-rtl .ant-notification-notice-btn {
    float: left;
  }

  .ant-notification-top,
  .ant-notification-bottom {
    margin-right: 0;
    margin-left: 0;
  }

  .ant-notification-top
    .ant-notification-fade-enter.ant-notification-fade-enter-active,
  .ant-notification-top
    .ant-notification-fade-appear.ant-notification-fade-appear-active {
    animation-name: NotificationTopFadeIn;
  }

  .ant-notification-bottom
    .ant-notification-fade-enter.ant-notification-fade-enter-active,
  .ant-notification-bottom
    .ant-notification-fade-appear.ant-notification-fade-appear-active {
    animation-name: NotificationBottomFadeIn;
  }

  .ant-notification-topLeft,
  .ant-notification-bottomLeft {
    margin-right: 0;
    margin-left: 24px;
  }

  .ant-notification-topLeft
    .ant-notification-fade-enter.ant-notification-fade-enter-active,
  .ant-notification-bottomLeft
    .ant-notification-fade-enter.ant-notification-fade-enter-active,
  .ant-notification-topLeft
    .ant-notification-fade-appear.ant-notification-fade-appear-active,
  .ant-notification-bottomLeft
    .ant-notification-fade-appear.ant-notification-fade-appear-active {
    animation-name: NotificationLeftFadeIn;
  }

  @keyframes NotificationTopFadeIn {
    0% {
      margin-top: -100%;
      opacity: 0;
    }

    100% {
      margin-top: 0;
      opacity: 1;
    }
  }

  @keyframes NotificationBottomFadeIn {
    0% {
      margin-bottom: -100%;
      opacity: 0;
    }

    100% {
      margin-bottom: 0;
      opacity: 1;
    }
  }

  @keyframes NotificationLeftFadeIn {
    0% {
      right: 384px;
      opacity: 0;
    }

    100% {
      right: 0;
      opacity: 1;
    }
  }

  .ant-page-header {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    padding: 16px 24px;
    background-color: #141414;
  }

  .ant-page-header-ghost {
    background-color: transparent;
  }

  .ant-page-header.has-breadcrumb {
    padding-top: 12px;
  }

  .ant-page-header.has-footer {
    padding-bottom: 0;
  }

  .ant-page-header-back {
    margin-right: 16px;
    font-size: 16px;
    line-height: 1;
  }

  .ant-page-header-back-button {
    color: #177ddc;
    outline: none;
    cursor: pointer;
    transition: color 0.3s;
    color: inherit;
  }

  .ant-page-header-back-button:focus-visible,
  .ant-page-header-back-button:hover {
    color: #165996;
  }

  .ant-page-header-back-button:active {
    color: #388ed3;
  }

  .ant-page-header .ant-divider-vertical {
    height: 14px;
    margin: 0 12px;
    vertical-align: middle;
  }

  .ant-breadcrumb + .ant-page-header-heading {
    margin-top: 8px;
  }

  .ant-page-header-heading {
    display: flex;
    justify-content: space-between;
  }

  .ant-page-header-heading-left {
    display: flex;
    align-items: center;
    margin: 4px 0;
    overflow: hidden;
  }

  .ant-page-header-heading-title {
    margin-right: 12px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .ant-page-header-heading .ant-avatar {
    margin-right: 12px;
  }

  .ant-page-header-heading-sub-title {
    margin-right: 12px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
    line-height: 1.5715;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .ant-page-header-heading-extra {
    margin: 4px 0;
    white-space: nowrap;
  }

  .ant-page-header-heading-extra > * {
    white-space: unset;
  }

  .ant-page-header-content {
    padding-top: 12px;
  }

  .ant-page-header-footer {
    margin-top: 16px;
  }

  .ant-page-header-footer .ant-tabs > .ant-tabs-nav {
    margin: 0;
  }

  .ant-page-header-footer .ant-tabs > .ant-tabs-nav::before {
    border: none;
  }

  .ant-page-header-footer .ant-tabs .ant-tabs-tab {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
  }

  .ant-page-header-compact .ant-page-header-heading {
    flex-wrap: wrap;
  }

  .ant-page-header-rtl {
    direction: rtl;
  }

  .ant-page-header-rtl .ant-page-header-back {
    float: right;
    margin-right: 0;
    margin-left: 16px;
  }

  .ant-page-header-rtl .ant-page-header-heading-title {
    margin-right: 0;
    margin-left: 12px;
  }

  .ant-page-header-rtl .ant-page-header-heading .ant-avatar {
    margin-right: 0;
    margin-left: 12px;
  }

  .ant-page-header-rtl .ant-page-header-heading-sub-title {
    float: right;
    margin-right: 0;
    margin-left: 12px;
  }

  .ant-page-header-rtl .ant-page-header-heading-tags {
    float: right;
  }

  .ant-page-header-rtl .ant-page-header-heading-extra {
    float: left;
  }

  .ant-page-header-rtl .ant-page-header-heading-extra > * {
    margin-right: 12px;
    margin-left: 0;
  }

  .ant-page-header-rtl .ant-page-header-heading-extra > *:first-child {
    margin-right: 0;
  }

  .ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav {
    float: right;
  }

  .ant-pagination {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
  }

  .ant-pagination ul,
  .ant-pagination ol {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .ant-pagination::after {
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    content: " ";
  }

  .ant-pagination-total-text {
    display: inline-block;
    height: 32px;
    margin-right: 8px;
    line-height: 30px;
    vertical-align: middle;
  }

  .ant-pagination-item {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    margin-right: 8px;
    font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
      helvetica neue, Arial, noto sans, sans-serif, apple color emoji,
      segoe ui emoji, segoe ui symbol, noto color emoji;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    list-style: none;
    background-color: transparent;
    border: 1px solid #434343;
    border-radius: 2px;
    outline: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-pagination-item a {
    display: block;
    padding: 0 6px;
    color: rgba(255, 255, 255, 0.85);
    transition: none;
  }

  .ant-pagination-item a:hover {
    text-decoration: none;
  }

  .ant-pagination-item:hover {
    border-color: #177ddc;
    transition: all 0.3s;
  }

  .ant-pagination-item:hover a {
    color: #177ddc;
  }

  .ant-pagination-item:focus-visible {
    border-color: #177ddc;
    transition: all 0.3s;
  }

  .ant-pagination-item:focus-visible a {
    color: #177ddc;
  }

  .ant-pagination-item-active {
    font-weight: 500;
    background: 0 0;
    border-color: #177ddc;
  }

  .ant-pagination-item-active a {
    color: #177ddc;
  }

  .ant-pagination-item-active:hover {
    border-color: #165996;
  }

  .ant-pagination-item-active:focus-visible {
    border-color: #165996;
  }

  .ant-pagination-item-active:hover a {
    color: #165996;
  }

  .ant-pagination-item-active:focus-visible a {
    color: #165996;
  }

  .ant-pagination-jump-prev,
  .ant-pagination-jump-next {
    outline: 0;
  }

  .ant-pagination-jump-prev .ant-pagination-item-container,
  .ant-pagination-jump-next .ant-pagination-item-container {
    position: relative;
  }

  .ant-pagination-jump-prev
    .ant-pagination-item-container
    .ant-pagination-item-link-icon,
  .ant-pagination-jump-next
    .ant-pagination-item-container
    .ant-pagination-item-link-icon {
    color: #177ddc;
    font-size: 12px;
    letter-spacing: -1px;
    opacity: 0;
    transition: all 0.2s;
  }

  .ant-pagination-jump-prev
    .ant-pagination-item-container
    .ant-pagination-item-link-icon-svg,
  .ant-pagination-jump-next
    .ant-pagination-item-container
    .ant-pagination-item-link-icon-svg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }

  .ant-pagination-jump-prev
    .ant-pagination-item-container
    .ant-pagination-item-ellipsis,
  .ant-pagination-jump-next
    .ant-pagination-item-container
    .ant-pagination-item-ellipsis {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    color: rgba(255, 255, 255, 0.3);
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 2px;
    text-align: center;
    text-indent: 0.13em;
    opacity: 1;
    transition: all 0.2s;
  }

  .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
  .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
    opacity: 1;
  }

  .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
  .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
    opacity: 0;
  }

  .ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
  .ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon {
    opacity: 1;
  }

  .ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
  .ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis {
    opacity: 0;
  }

  .ant-pagination-prev,
  .ant-pagination-jump-prev,
  .ant-pagination-jump-next {
    margin-right: 8px;
  }

  .ant-pagination-prev,
  .ant-pagination-next,
  .ant-pagination-jump-prev,
  .ant-pagination-jump-next {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    color: rgba(255, 255, 255, 0.85);
    font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
      helvetica neue, Arial, noto sans, sans-serif, apple color emoji,
      segoe ui emoji, segoe ui symbol, noto color emoji;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
    list-style: none;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s;
  }

  .ant-pagination-prev,
  .ant-pagination-next {
    font-family: Arial, Helvetica, sans-serif;
    outline: 0;
  }

  .ant-pagination-prev button,
  .ant-pagination-next button {
    color: rgba(255, 255, 255, 0.85);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-pagination-prev:hover button,
  .ant-pagination-next:hover button {
    border-color: #165996;
  }

  .ant-pagination-prev .ant-pagination-item-link,
  .ant-pagination-next .ant-pagination-item-link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 12px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #434343;
    border-radius: 2px;
    outline: none;
    transition: all 0.3s;
  }

  .ant-pagination-prev:focus-visible .ant-pagination-item-link,
  .ant-pagination-next:focus-visible .ant-pagination-item-link {
    color: #177ddc;
    border-color: #177ddc;
  }

  .ant-pagination-prev:hover .ant-pagination-item-link,
  .ant-pagination-next:hover .ant-pagination-item-link {
    color: #177ddc;
    border-color: #177ddc;
  }

  .ant-pagination-disabled,
  .ant-pagination-disabled:hover {
    cursor: not-allowed;
  }

  .ant-pagination-disabled .ant-pagination-item-link,
  .ant-pagination-disabled:hover .ant-pagination-item-link {
    color: rgba(255, 255, 255, 0.3);
    border-color: #434343;
    cursor: not-allowed;
  }

  .ant-pagination-disabled:focus-visible {
    cursor: not-allowed;
  }

  .ant-pagination-disabled:focus-visible .ant-pagination-item-link {
    color: rgba(255, 255, 255, 0.3);
    border-color: #434343;
    cursor: not-allowed;
  }

  .ant-pagination-slash {
    margin: 0 10px 0 5px;
  }

  .ant-pagination-options {
    display: inline-block;
    margin-left: 16px;
    vertical-align: middle;
  }

  @media all and (-ms-high-contrast: none) {
    .ant-pagination-options *::-ms-backdrop,
    .ant-pagination-options {
      vertical-align: top;
    }
  }

  .ant-pagination-options-size-changer.ant-select {
    display: inline-block;
    width: auto;
  }

  .ant-pagination-options-quick-jumper {
    display: inline-block;
    height: 32px;
    margin-left: 8px;
    line-height: 32px;
    vertical-align: top;
  }

  .ant-pagination-options-quick-jumper input {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: transparent;
    background-image: none;
    border: 1px solid #434343;
    border-radius: 2px;
    transition: all 0.3s;
    width: 50px;
    height: 32px;
    margin: 0 8px;
  }

  .ant-pagination-options-quick-jumper input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.3);
    -moz-user-select: none;
    user-select: none;
  }

  .ant-pagination-options-quick-jumper input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
    -ms-user-select: none;
    user-select: none;
  }

  .ant-pagination-options-quick-jumper input::placeholder {
    color: rgba(255, 255, 255, 0.3);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-pagination-options-quick-jumper input:-moz-placeholder-shown {
    text-overflow: ellipsis;
  }

  .ant-pagination-options-quick-jumper input:-ms-input-placeholder {
    text-overflow: ellipsis;
  }

  .ant-pagination-options-quick-jumper input:placeholder-shown {
    text-overflow: ellipsis;
  }

  .ant-pagination-options-quick-jumper input:hover {
    border-color: #165996;
    border-right-width: 1px;
  }

  .ant-pagination-options-quick-jumper input:focus,
  .ant-pagination-options-quick-jumper input-focused {
    border-color: #177ddc;
    box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-pagination-options-quick-jumper input-disabled {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }

  .ant-pagination-options-quick-jumper input-disabled:hover {
    border-color: #434343;
    border-right-width: 1px;
  }

  .ant-pagination-options-quick-jumper input[disabled] {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
  }

  .ant-pagination-options-quick-jumper input[disabled]:hover {
    border-color: #434343;
    border-right-width: 1px;
  }

  .ant-pagination-options-quick-jumper input-borderless,
  .ant-pagination-options-quick-jumper input-borderless:hover,
  .ant-pagination-options-quick-jumper input-borderless:focus,
  .ant-pagination-options-quick-jumper input-borderless-focused,
  .ant-pagination-options-quick-jumper input-borderless-disabled,
  .ant-pagination-options-quick-jumper input-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none;
  }

  textarea.ant-pagination-options-quick-jumper input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all 0.3s, height 0s;
  }

  .ant-pagination-options-quick-jumper input-lg {
    padding: 6.5px 11px;
    font-size: 16px;
  }

  .ant-pagination-options-quick-jumper input-sm {
    padding: 0 7px;
  }

  .ant-pagination-simple .ant-pagination-prev,
  .ant-pagination-simple .ant-pagination-next {
    height: 24px;
    line-height: 24px;
    vertical-align: top;
  }

  .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
  .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
    height: 24px;
    background-color: transparent;
    border: 0;
  }

  .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
  .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
    height: 24px;
    line-height: 24px;
  }

  .ant-pagination-simple .ant-pagination-simple-pager {
    display: inline-block;
    height: 24px;
    margin-right: 8px;
  }

  .ant-pagination-simple .ant-pagination-simple-pager input {
    box-sizing: border-box;
    height: 100%;
    margin-right: 8px;
    padding: 0 6px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #434343;
    border-radius: 2px;
    outline: none;
    transition: border-color 0.3s;
  }

  .ant-pagination-simple .ant-pagination-simple-pager input:hover {
    border-color: #177ddc;
  }

  .ant-pagination-simple .ant-pagination-simple-pager input:focus {
    border-color: #3c9be8;
    box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2);
  }

  .ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
    color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    cursor: not-allowed;
  }

  .ant-pagination.ant-pagination-mini .ant-pagination-total-text,
  .ant-pagination.ant-pagination-mini .ant-pagination-simple-pager {
    height: 24px;
    line-height: 24px;
  }

  .ant-pagination.ant-pagination-mini .ant-pagination-item {
    min-width: 24px;
    height: 24px;
    margin: 0;
    line-height: 22px;
  }

  .ant-pagination.ant-pagination-mini
    .ant-pagination-item:not(.ant-pagination-item-active) {
    background: 0 0;
    border-color: transparent;
  }

  .ant-pagination.ant-pagination-mini .ant-pagination-prev,
  .ant-pagination.ant-pagination-mini .ant-pagination-next {
    min-width: 24px;
    height: 24px;
    margin: 0;
    line-height: 24px;
  }

  .ant-pagination.ant-pagination-mini
    .ant-pagination-prev
    .ant-pagination-item-link,
  .ant-pagination.ant-pagination-mini
    .ant-pagination-next
    .ant-pagination-item-link {
    background: 0 0;
    border-color: transparent;
  }

  .ant-pagination.ant-pagination-mini
    .ant-pagination-prev
    .ant-pagination-item-link::after,
  .ant-pagination.ant-pagination-mini
    .ant-pagination-next
    .ant-pagination-item-link::after {
    height: 24px;
    line-height: 24px;
  }

  .ant-pagination.ant-pagination-mini .ant-pagination-jump-prev,
  .ant-pagination.ant-pagination-mini .ant-pagination-jump-next {
    height: 24px;
    margin-right: 0;
    line-height: 24px;
  }

  .ant-pagination.ant-pagination-mini .ant-pagination-options {
    margin-left: 2px;
  }

  .ant-pagination.ant-pagination-mini .ant-pagination-options-size-changer {
    top: 0;
  }

  .ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper {
    height: 24px;
    line-height: 24px;
  }

  .ant-pagination.ant-pagination-mini
    .ant-pagination-options-quick-jumper
    input {
    padding: 0 7px;
    width: 44px;
    height: 24px;
  }

  .ant-pagination.ant-pagination-disabled {
    cursor: not-allowed;
  }

  .ant-pagination.ant-pagination-disabled .ant-pagination-item {
    background: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    cursor: not-allowed;
  }

  .ant-pagination.ant-pagination-disabled .ant-pagination-item a {
    color: rgba(255, 255, 255, 0.3);
    background: 0 0;
    border: none;
    cursor: not-allowed;
  }

  .ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
    background: rgba(255, 255, 255, 0.25);
  }

  .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
    color: #000;
  }

  .ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
    color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    cursor: not-allowed;
  }

  .ant-pagination-simple.ant-pagination.ant-pagination-disabled
    .ant-pagination-item-link {
    background: 0 0;
  }

  .ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon {
    opacity: 0;
  }

  .ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis {
    opacity: 1;
  }

  .ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager {
    color: rgba(255, 255, 255, 0.3);
  }

  @media only screen and (max-width: 992px) {
    .ant-pagination-item-after-jump-prev,
    .ant-pagination-item-before-jump-next {
      display: none;
    }
  }

  @media only screen and (max-width: 576px) {
    .ant-pagination-options {
      display: none;
    }
  }

  .ant-pagination-rtl .ant-pagination-total-text {
    margin-right: 0;
    margin-left: 8px;
  }

  .ant-pagination-rtl .ant-pagination-item,
  .ant-pagination-rtl .ant-pagination-prev,
  .ant-pagination-rtl .ant-pagination-jump-prev,
  .ant-pagination-rtl .ant-pagination-jump-next {
    margin-right: 0;
    margin-left: 8px;
  }

  .ant-pagination-rtl .ant-pagination-slash {
    margin: 0 5px 0 10px;
  }

  .ant-pagination-rtl .ant-pagination-options {
    margin-right: 16px;
    margin-left: 0;
  }

  .ant-pagination-rtl
    .ant-pagination-options
    .ant-pagination-options-size-changer.ant-select {
    margin-right: 0;
    margin-left: 8px;
  }

  .ant-pagination-rtl
    .ant-pagination-options
    .ant-pagination-options-quick-jumper {
    margin-left: 0;
  }

  .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager {
    margin-right: 0;
    margin-left: 8px;
  }

  .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input {
    margin-right: 0;
    margin-left: 8px;
  }

  .ant-pagination-rtl.ant-pagination.mini .ant-pagination-options {
    margin-right: 2px;
    margin-left: 0;
  }

  .ant-popconfirm {
    z-index: 1060;
  }

  .ant-popover {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1030;
    max-width: 100vw;
    font-weight: 400;
    white-space: normal;
    text-align: left;
    cursor: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
  }

  .ant-popover-content {
    position: relative;
  }

  .ant-popover::after {
    position: absolute;
    background: rgba(255, 255, 255, 0.01);
    content: "";
  }

  .ant-popover-hidden {
    display: none;
  }

  .ant-popover-placement-top,
  .ant-popover-placement-topLeft,
  .ant-popover-placement-topRight {
    padding-bottom: 15.3137085px;
  }

  .ant-popover-placement-right,
  .ant-popover-placement-rightTop,
  .ant-popover-placement-rightBottom {
    padding-left: 15.3137085px;
  }

  .ant-popover-placement-bottom,
  .ant-popover-placement-bottomLeft,
  .ant-popover-placement-bottomRight {
    padding-top: 15.3137085px;
  }

  .ant-popover-placement-left,
  .ant-popover-placement-leftTop,
  .ant-popover-placement-leftBottom {
    padding-right: 15.3137085px;
  }

  .ant-popover-inner {
    background-color: #1f1f1f;
    background-clip: padding-box;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  }

  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ant-popover {
    }

    .ant-popover-inner {
      box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
        0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
    }
  }

  .ant-popover-title {
    min-width: 177px;
    min-height: 32px;
    margin: 0;
    padding: 5px 16px 4px;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
    border-bottom: 1px solid #303030;
  }

  .ant-popover-inner-content {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    padding: 12px 16px;
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-popover-message {
    display: flex;
    padding: 4px 0 12px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
  }

  .ant-popover-message-icon {
    display: inline-block;
    margin-right: 8px;
    color: #d89614;
    font-size: 14px;
  }

  .ant-popover-buttons {
    margin-bottom: 4px;
    text-align: right;
  }

  .ant-popover-buttons button:not(:first-child) {
    margin-left: 8px;
  }

  .ant-popover-arrow {
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    overflow: hidden;
    background: 0 0;
    pointer-events: none;
  }

  .ant-popover-arrow-content {
    --antd-arrow-background-color: #1f1f1f;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 11.3137085px;
    height: 11.3137085px;
    margin: auto;
    content: "";
    pointer-events: auto;
    border-radius: 0 0 2px;
    pointer-events: none;
  }

  .ant-popover-arrow-content::before {
    position: absolute;
    top: -11.3137085px;
    left: -11.3137085px;
    width: 33.9411255px;
    height: 33.9411255px;
    background: var(--antd-arrow-background-color);
    background-repeat: no-repeat;
    background-position: -10px -10px;
    content: "";
    -webkit-clip-path: inset(33% 33%);
    clip-path: inset(33% 33%);
    -webkit-clip-path: path(
      "M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z"
    );
    clip-path: path(
      "M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z"
    );
  }

  .ant-popover-placement-top .ant-popover-arrow,
  .ant-popover-placement-topLeft .ant-popover-arrow,
  .ant-popover-placement-topRight .ant-popover-arrow {
    bottom: 0;
    transform: translateY(100%);
  }

  .ant-popover-placement-top .ant-popover-arrow-content,
  .ant-popover-placement-topLeft .ant-popover-arrow-content,
  .ant-popover-placement-topRight .ant-popover-arrow-content {
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
    transform: translateY(-11px) rotate(45deg);
  }

  .ant-popover-placement-top .ant-popover-arrow {
    left: 50%;
    transform: translateY(100%) translateX(-50%);
  }

  .ant-popover-placement-topLeft .ant-popover-arrow {
    left: 16px;
  }

  .ant-popover-placement-topRight .ant-popover-arrow {
    right: 16px;
  }

  .ant-popover-placement-right .ant-popover-arrow,
  .ant-popover-placement-rightTop .ant-popover-arrow,
  .ant-popover-placement-rightBottom .ant-popover-arrow {
    left: 0;
    transform: translateX(-100%);
  }

  .ant-popover-placement-right .ant-popover-arrow-content,
  .ant-popover-placement-rightTop .ant-popover-arrow-content,
  .ant-popover-placement-rightBottom .ant-popover-arrow-content {
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
    transform: translateX(11px) rotate(135deg);
  }

  .ant-popover-placement-right .ant-popover-arrow {
    top: 50%;
    transform: translateX(-100%) translateY(-50%);
  }

  .ant-popover-placement-rightTop .ant-popover-arrow {
    top: 12px;
  }

  .ant-popover-placement-rightBottom .ant-popover-arrow {
    bottom: 12px;
  }

  .ant-popover-placement-bottom .ant-popover-arrow,
  .ant-popover-placement-bottomLeft .ant-popover-arrow,
  .ant-popover-placement-bottomRight .ant-popover-arrow {
    top: 0;
    transform: translateY(-100%);
  }

  .ant-popover-placement-bottom .ant-popover-arrow-content,
  .ant-popover-placement-bottomLeft .ant-popover-arrow-content,
  .ant-popover-placement-bottomRight .ant-popover-arrow-content {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);
    transform: translateY(11px) rotate(-135deg);
  }

  .ant-popover-placement-bottom .ant-popover-arrow {
    left: 50%;
    transform: translateY(-100%) translateX(-50%);
  }

  .ant-popover-placement-bottomLeft .ant-popover-arrow {
    left: 16px;
  }

  .ant-popover-placement-bottomRight .ant-popover-arrow {
    right: 16px;
  }

  .ant-popover-placement-left .ant-popover-arrow,
  .ant-popover-placement-leftTop .ant-popover-arrow,
  .ant-popover-placement-leftBottom .ant-popover-arrow {
    right: 0;
    transform: translateX(100%);
  }

  .ant-popover-placement-left .ant-popover-arrow-content,
  .ant-popover-placement-leftTop .ant-popover-arrow-content,
  .ant-popover-placement-leftBottom .ant-popover-arrow-content {
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
    transform: translateX(-11px) rotate(-45deg);
  }

  .ant-popover-placement-left .ant-popover-arrow {
    top: 50%;
    transform: translateX(100%) translateY(-50%);
  }

  .ant-popover-placement-leftTop .ant-popover-arrow {
    top: 12px;
  }

  .ant-popover-placement-leftBottom .ant-popover-arrow {
    bottom: 12px;
  }

  .ant-popover-pink .ant-popover-inner {
    background-color: #cb2b83;
  }

  .ant-popover-pink .ant-popover-arrow-content {
    background-color: #cb2b83;
  }

  .ant-popover-magenta .ant-popover-inner {
    background-color: #cb2b83;
  }

  .ant-popover-magenta .ant-popover-arrow-content {
    background-color: #cb2b83;
  }

  .ant-popover-red .ant-popover-inner {
    background-color: #d32029;
  }

  .ant-popover-red .ant-popover-arrow-content {
    background-color: #d32029;
  }

  .ant-popover-volcano .ant-popover-inner {
    background-color: #d84a1b;
  }

  .ant-popover-volcano .ant-popover-arrow-content {
    background-color: #d84a1b;
  }

  .ant-popover-orange .ant-popover-inner {
    background-color: #d87a16;
  }

  .ant-popover-orange .ant-popover-arrow-content {
    background-color: #d87a16;
  }

  .ant-popover-yellow .ant-popover-inner {
    background-color: #d8bd14;
  }

  .ant-popover-yellow .ant-popover-arrow-content {
    background-color: #d8bd14;
  }

  .ant-popover-gold .ant-popover-inner {
    background-color: #d89614;
  }

  .ant-popover-gold .ant-popover-arrow-content {
    background-color: #d89614;
  }

  .ant-popover-cyan .ant-popover-inner {
    background-color: #13a8a8;
  }

  .ant-popover-cyan .ant-popover-arrow-content {
    background-color: #13a8a8;
  }

  .ant-popover-lime .ant-popover-inner {
    background-color: #8bbb11;
  }

  .ant-popover-lime .ant-popover-arrow-content {
    background-color: #8bbb11;
  }

  .ant-popover-green .ant-popover-inner {
    background-color: #49aa19;
  }

  .ant-popover-green .ant-popover-arrow-content {
    background-color: #49aa19;
  }

  .ant-popover-blue .ant-popover-inner {
    background-color: #177ddc;
  }

  .ant-popover-blue .ant-popover-arrow-content {
    background-color: #177ddc;
  }

  .ant-popover-geekblue .ant-popover-inner {
    background-color: #2b4acb;
  }

  .ant-popover-geekblue .ant-popover-arrow-content {
    background-color: #2b4acb;
  }

  .ant-popover-purple .ant-popover-inner {
    background-color: #642ab5;
  }

  .ant-popover-purple .ant-popover-arrow-content {
    background-color: #642ab5;
  }

  .ant-popover-rtl {
    direction: rtl;
    text-align: right;
  }

  .ant-popover-rtl .ant-popover-message-icon {
    margin-right: 0;
    margin-left: 8px;
  }

  .ant-popover-rtl .ant-popover-message-title {
    padding-left: 16px;
  }

  .ant-popover-rtl .ant-popover-buttons {
    text-align: left;
  }

  .ant-popover-rtl .ant-popover-buttons button {
    margin-right: 8px;
    margin-left: 0;
  }

  .ant-progress {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
  }

  .ant-progress-line {
    position: relative;
    width: 100%;
    font-size: 14px;
  }

  .ant-progress-steps {
    display: inline-block;
  }

  .ant-progress-steps-outer {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .ant-progress-steps-item {
    flex-shrink: 0;
    min-width: 2px;
    margin-right: 2px;
    background: rgba(255, 255, 255, 0.08);
    transition: all 0.3s;
  }

  .ant-progress-steps-item-active {
    background: #177ddc;
  }

  .ant-progress-small.ant-progress-line,
  .ant-progress-small.ant-progress-line .ant-progress-text .anticon {
    font-size: 12px;
  }

  .ant-progress-outer {
    display: inline-block;
    width: 100%;
    margin-right: 0;
    padding-right: 0;
  }

  .ant-progress-show-info .ant-progress-outer {
    margin-right: calc(-2em - 8px);
    padding-right: calc(2em + 8px);
  }

  .ant-progress-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 100px;
  }

  .ant-progress-circle-trail {
    stroke: rgba(255, 255, 255, 0.08);
  }

  .ant-progress-circle-path {
    animation: ant-progress-appear 0.3s;
  }

  .ant-progress-inner:not(.ant-progress-circle-gradient)
    .ant-progress-circle-path {
    stroke: #177ddc;
  }

  .ant-progress-success-bg,
  .ant-progress-bg {
    position: relative;
    background-color: #177ddc;
    border-radius: 100px;
    transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
  }

  .ant-progress-success-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #49aa19;
  }

  .ant-progress-text {
    display: inline-block;
    width: 2em;
    margin-left: 8px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 1em;
    line-height: 1;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
    word-break: normal;
  }

  .ant-progress-text .anticon {
    font-size: 14px;
  }

  .ant-progress-status-active .ant-progress-bg::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #141414;
    border-radius: 10px;
    opacity: 0;
    animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    content: "";
  }

  .ant-progress-status-exception .ant-progress-bg {
    background-color: #a61d24;
  }

  .ant-progress-status-exception .ant-progress-text {
    color: #a61d24;
  }

  .ant-progress-status-exception
    .ant-progress-inner:not(.ant-progress-circle-gradient)
    .ant-progress-circle-path {
    stroke: #a61d24;
  }

  .ant-progress-status-success .ant-progress-bg {
    background-color: #49aa19;
  }

  .ant-progress-status-success .ant-progress-text {
    color: #49aa19;
  }

  .ant-progress-status-success
    .ant-progress-inner:not(.ant-progress-circle-gradient)
    .ant-progress-circle-path {
    stroke: #49aa19;
  }

  .ant-progress-circle .ant-progress-inner {
    position: relative;
    line-height: 1;
    background-color: transparent;
  }

  .ant-progress-circle .ant-progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 1em;
    line-height: 1;
    white-space: normal;
    text-align: center;
    transform: translate(-50%, -50%);
  }

  .ant-progress-circle .ant-progress-text .anticon {
    font-size: 1.16666667em;
  }

  .ant-progress-circle.ant-progress-status-exception .ant-progress-text {
    color: #a61d24;
  }

  .ant-progress-circle.ant-progress-status-success .ant-progress-text {
    color: #49aa19;
  }

  @keyframes ant-progress-active {
    0% {
      transform: translateX(-100%) scaleX(0);
      opacity: 0.1;
    }

    20% {
      transform: translateX(-100%) scaleX(0);
      opacity: 0.5;
    }

    100% {
      transform: translateX(0) scaleX(1);
      opacity: 0;
    }
  }

  .ant-progress-rtl {
    direction: rtl;
  }

  .ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
    margin-right: 0;
    margin-left: calc(-2em - 8px);
    padding-right: 0;
    padding-left: calc(2em + 8px);
  }

  .ant-progress-rtl .ant-progress-success-bg {
    right: 0;
    left: auto;
  }

  .ant-progress-rtl.ant-progress-line .ant-progress-text,
  .ant-progress-rtl.ant-progress-steps .ant-progress-text {
    margin-right: 8px;
    margin-left: 0;
    text-align: right;
  }

  .ant-radio-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
    font-size: 0;
  }

  .ant-radio-group .ant-badge-count {
    z-index: 1;
  }

  .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
    border-left: none;
  }

  .ant-radio-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-flex;
    align-items: baseline;
    margin-right: 8px;
    cursor: pointer;
  }

  .ant-radio-wrapper-disabled {
    cursor: not-allowed;
  }

  .ant-radio-wrapper::after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0";
  }

  .ant-radio-wrapper.ant-radio-wrapper-in-form-item input[type="radio"] {
    width: 14px;
    height: 14px;
  }

  .ant-radio {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: 0.2em;
    display: inline-block;
    outline: none;
    cursor: pointer;
  }

  .ant-radio-wrapper:hover .ant-radio,
  .ant-radio:hover .ant-radio-inner,
  .ant-radio-input:focus + .ant-radio-inner {
    border-color: #177ddc;
  }

  .ant-radio-input:focus + .ant-radio-inner {
    box-shadow: 0 0 0 3px rgba(23, 125, 220, 0.12);
  }

  .ant-radio-checked::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #177ddc;
    border-radius: 50%;
    visibility: hidden;
    animation: antRadioEffect 0.36s ease-in-out;
    animation-fill-mode: both;
    content: "";
  }

  .ant-radio:hover::after,
  .ant-radio-wrapper:hover .ant-radio::after {
    visibility: visible;
  }

  .ant-radio-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border-color: #434343;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    transition: all 0.3s;
  }

  .ant-radio-inner::after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    background-color: #177ddc;
    border-top: 0;
    border-left: 0;
    border-radius: 16px;
    transform: scale(0);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
    content: " ";
  }

  .ant-radio-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
  }

  .ant-radio.ant-radio-disabled .ant-radio-inner {
    border-color: #434343;
  }

  .ant-radio-checked .ant-radio-inner {
    border-color: #177ddc;
  }

  .ant-radio-checked .ant-radio-inner::after {
    transform: scale(0.5);
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  }

  .ant-radio-disabled {
    cursor: not-allowed;
  }

  .ant-radio-disabled .ant-radio-inner {
    background-color: rgba(255, 255, 255, 0.08);
    cursor: not-allowed;
  }

  .ant-radio-disabled .ant-radio-inner::after {
    background-color: rgba(255, 255, 255, 0.2);
  }

  .ant-radio-disabled .ant-radio-input {
    cursor: not-allowed;
  }

  .ant-radio-disabled + span {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  span.ant-radio + * {
    padding-right: 8px;
    padding-left: 8px;
  }

  .ant-radio-button-wrapper {
    position: relative;
    display: inline-block;
    height: 32px;
    margin: 0;
    padding: 0 15px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    line-height: 30px;
    background: 0 0;
    border: 1px solid #434343;
    border-top-width: 1.02px;
    border-left-width: 0;
    cursor: pointer;
    transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
  }

  .ant-radio-button-wrapper a {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-radio-button-wrapper > .ant-radio-button {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
  }

  .ant-radio-group-large .ant-radio-button-wrapper {
    height: 40px;
    font-size: 16px;
    line-height: 38px;
  }

  .ant-radio-group-small .ant-radio-button-wrapper {
    height: 24px;
    padding: 0 7px;
    line-height: 22px;
  }

  .ant-radio-button-wrapper:not(:first-child)::before {
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    box-sizing: content-box;
    width: 1px;
    height: 100%;
    padding: 1px 0;
    background-color: #434343;
    transition: background-color 0.3s;
    content: "";
  }

  .ant-radio-button-wrapper:first-child {
    border-left: 1px solid #434343;
    border-radius: 2px 0 0 2px;
  }

  .ant-radio-button-wrapper:last-child {
    border-radius: 0 2px 2px 0;
  }

  .ant-radio-button-wrapper:first-child:last-child {
    border-radius: 2px;
  }

  .ant-radio-button-wrapper:hover {
    position: relative;
    color: #177ddc;
  }

  .ant-radio-button-wrapper:focus-within {
    box-shadow: 0 0 0 3px rgba(23, 125, 220, 0.12);
  }

  .ant-radio-button-wrapper .ant-radio-inner,
  .ant-radio-button-wrapper input[type="checkbox"],
  .ant-radio-button-wrapper input[type="radio"] {
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
  }

  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    z-index: 1;
    color: #177ddc;
    background: 0 0;
    border-color: #177ddc;
  }

  .ant-radio-button-wrapper-checked:not(
      .ant-radio-button-wrapper-disabled
    )::before {
    background-color: #177ddc;
  }

  .ant-radio-button-wrapper-checked:not(
      .ant-radio-button-wrapper-disabled
    ):first-child {
    border-color: #177ddc;
  }

  .ant-radio-button-wrapper-checked:not(
      .ant-radio-button-wrapper-disabled
    ):hover {
    color: #165996;
    border-color: #165996;
  }

  .ant-radio-button-wrapper-checked:not(
      .ant-radio-button-wrapper-disabled
    ):hover::before {
    background-color: #165996;
  }

  .ant-radio-button-wrapper-checked:not(
      .ant-radio-button-wrapper-disabled
    ):active {
    color: #388ed3;
    border-color: #388ed3;
  }

  .ant-radio-button-wrapper-checked:not(
      .ant-radio-button-wrapper-disabled
    ):active::before {
    background-color: #388ed3;
  }

  .ant-radio-button-wrapper-checked:not(
      .ant-radio-button-wrapper-disabled
    ):focus-within {
    box-shadow: 0 0 0 3px rgba(23, 125, 220, 0.12);
  }

  .ant-radio-group-solid
    .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    color: #fff;
    background: #177ddc;
    border-color: #177ddc;
  }

  .ant-radio-group-solid
    .ant-radio-button-wrapper-checked:not(
      .ant-radio-button-wrapper-disabled
    ):hover {
    color: #fff;
    background: #165996;
    border-color: #165996;
  }

  .ant-radio-group-solid
    .ant-radio-button-wrapper-checked:not(
      .ant-radio-button-wrapper-disabled
    ):active {
    color: #fff;
    background: #388ed3;
    border-color: #388ed3;
  }

  .ant-radio-group-solid
    .ant-radio-button-wrapper-checked:not(
      .ant-radio-button-wrapper-disabled
    ):focus-within {
    box-shadow: 0 0 0 3px rgba(23, 125, 220, 0.12);
  }

  .ant-radio-button-wrapper-disabled {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343;
    cursor: not-allowed;
  }

  .ant-radio-button-wrapper-disabled:first-child,
  .ant-radio-button-wrapper-disabled:hover {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343;
  }

  .ant-radio-button-wrapper-disabled:first-child {
    border-left-color: #434343;
  }

  .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
    color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #434343;
    box-shadow: none;
  }

  @keyframes antRadioEffect {
    0% {
      transform: scale(1);
      opacity: 0.5;
    }

    100% {
      transform: scale(1.6);
      opacity: 0;
    }
  }

  .ant-radio-group.ant-radio-group-rtl {
    direction: rtl;
  }

  .ant-radio-wrapper.ant-radio-wrapper-rtl {
    margin-right: 0;
    margin-left: 8px;
    direction: rtl;
  }

  .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
    border-right-width: 0;
    border-left-width: 1px;
  }

  .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(
      :first-child
    )::before {
    right: -1px;
    left: 0;
  }

  .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
    border-right: 1px solid #434343;
    border-radius: 0 2px 2px 0;
  }

  .ant-radio-button-wrapper-checked:not(
      [class*=" ant-radio-button-wrapper-disabled"]
    ).ant-radio-button-wrapper:first-child {
    border-right-color: #165996;
  }

  .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
    border-radius: 2px 0 0 2px;
  }

  .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
    border-right-color: #434343;
  }

  .ant-rate {
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    font-feature-settings: "tnum";
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #d8bd14;
    font-size: 20px;
    line-height: unset;
    list-style: none;
    outline: none;
  }

  .ant-rate-disabled .ant-rate-star {
    cursor: default;
  }

  .ant-rate-disabled .ant-rate-star > div:hover {
    transform: scale(1);
  }

  .ant-rate-star {
    position: relative;
    display: inline-block;
    color: inherit;
    cursor: pointer;
  }

  .ant-rate-star:not(:last-child) {
    margin-right: 8px;
  }

  .ant-rate-star > div {
    transition: all 0.3s, outline 0s;
  }

  .ant-rate-star > div:hover {
    transform: scale(1.1);
  }

  .ant-rate-star > div:focus {
    outline: 0;
  }

  .ant-rate-star > div:focus-visible {
    outline: 1px dashed #d8bd14;
    transform: scale(1.1);
  }

  .ant-rate-star-first,
  .ant-rate-star-second {
    color: rgba(255, 255, 255, 0.12);
    transition: all 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-rate-star-first .anticon,
  .ant-rate-star-second .anticon {
    vertical-align: middle;
  }

  .ant-rate-star-first {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
  }

  .ant-rate-star-half .ant-rate-star-first,
  .ant-rate-star-half .ant-rate-star-second {
    opacity: 1;
  }

  .ant-rate-star-half .ant-rate-star-first,
  .ant-rate-star-full .ant-rate-star-second {
    color: inherit;
  }

  .ant-rate-text {
    display: inline-block;
    margin: 0 8px;
    font-size: 14px;
  }

  .ant-rate-rtl {
    direction: rtl;
  }

  .ant-rate-rtl .ant-rate-star:not(:last-child) {
    margin-right: 0;
    margin-left: 8px;
  }

  .ant-rate-rtl .ant-rate-star-first {
    right: 0;
    left: auto;
  }

  .ant-result {
    padding: 48px 32px;
  }

  .ant-result-success .ant-result-icon > .anticon {
    color: #49aa19;
  }

  .ant-result-error .ant-result-icon > .anticon {
    color: #a61d24;
  }

  .ant-result-info .ant-result-icon > .anticon {
    color: #177ddc;
  }

  .ant-result-warning .ant-result-icon > .anticon {
    color: #d89614;
  }

  .ant-result-image {
    width: 250px;
    height: 295px;
    margin: auto;
  }

  .ant-result-icon {
    margin-bottom: 24px;
    text-align: center;
  }

  .ant-result-icon > .anticon {
    font-size: 72px;
  }

  .ant-result-title {
    color: rgba(255, 255, 255, 0.85);
    font-size: 24px;
    line-height: 1.8;
    text-align: center;
  }

  .ant-result-subtitle {
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
  }

  .ant-result-extra {
    margin: 24px 0 0;
    text-align: center;
  }

  .ant-result-extra > * {
    margin-right: 8px;
  }

  .ant-result-extra > *:last-child {
    margin-right: 0;
  }

  .ant-result-content {
    margin-top: 24px;
    padding: 24px 40px;
    background-color: rgba(255, 255, 255, 0.04);
  }

  .ant-result-rtl {
    direction: rtl;
  }

  .ant-result-rtl .ant-result-extra > * {
    margin-right: 0;
    margin-left: 8px;
  }

  .ant-result-rtl .ant-result-extra > *:last-child {
    margin-left: 0;
  }

  .segmented-disabled-item,
  .segmented-disabled-item:hover,
  .segmented-disabled-item:focus {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  .segmented-item-selected {
    background-color: #333;
    border-radius: 2px;
    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05),
      0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
  }

  .segmented-text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
  }

  .ant-segmented {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
    padding: 2px;
    color: rgba(255, 255, 255, 0.65);
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .ant-segmented-group {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-items: flex-start;
    width: 100%;
  }

  .ant-segmented.ant-segmented-block {
    display: flex;
  }

  .ant-segmented.ant-segmented-block .ant-segmented-item {
    flex: 1;
    min-width: 0;
  }

  .ant-segmented:not(.ant-segmented-disabled):hover,
  .ant-segmented:not(.ant-segmented-disabled):focus {
    background-color: rgba(0, 0, 0, 0.45);
  }

  .ant-segmented-item {
    position: relative;
    text-align: center;
    cursor: pointer;
    transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .ant-segmented-item-selected {
    background-color: #333;
    border-radius: 2px;
    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05),
      0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-segmented-item:hover,
  .ant-segmented-item:focus {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-segmented-item-label {
    min-height: 28px;
    padding: 0 11px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
  }

  .ant-segmented-item-icon + * {
    margin-left: 6px;
  }

  .ant-segmented-item-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
  }

  .ant-segmented.ant-segmented-lg .ant-segmented-item-label {
    min-height: 36px;
    padding: 0 11px;
    font-size: 16px;
    line-height: 36px;
  }

  .ant-segmented.ant-segmented-sm .ant-segmented-item-label {
    min-height: 20px;
    padding: 0 7px;
    line-height: 20px;
  }

  .ant-segmented-item-disabled,
  .ant-segmented-item-disabled:hover,
  .ant-segmented-item-disabled:focus {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  .ant-segmented-thumb {
    background-color: #333;
    border-radius: 2px;
    box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05),
      0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    padding: 4px 0;
  }

  .ant-segmented-thumb-motion-appear-active {
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
      width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    will-change: transform, width;
  }

  .ant-segmented.ant-segmented-rtl {
    direction: rtl;
  }

  .ant-segmented.ant-segmented-rtl .ant-segmented-item-icon {
    margin-right: 0;
    margin-left: 6px;
  }

  .ant-select-single .ant-select-selector {
    display: flex;
  }

  .ant-select-single .ant-select-selector .ant-select-selection-search {
    position: absolute;
    top: 0;
    right: 11px;
    bottom: 0;
    left: 11px;
  }

  .ant-select-single .ant-select-selector .ant-select-selection-search-input {
    width: 100%;
  }

  .ant-select-single .ant-select-selector .ant-select-selection-item,
  .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    padding: 0;
    line-height: 30px;
    transition: all 0.3s, visibility 0s;
  }

  .ant-select-single .ant-select-selector .ant-select-selection-item {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    transition: none;
    pointer-events: none;
  }

  .ant-select-single .ant-select-selector::after,
  .ant-select-single .ant-select-selector .ant-select-selection-item::after,
  .ant-select-single
    .ant-select-selector
    .ant-select-selection-placeholder::after {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: "\a0";
  }

  .ant-select-single.ant-select-show-arrow .ant-select-selection-search {
    right: 25px;
  }

  .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
  .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
    padding-right: 18px;
  }

  .ant-select-single.ant-select-open .ant-select-selection-item {
    color: rgba(255, 255, 255, 0.3);
  }

  .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    width: 100%;
    height: 32px;
    padding: 0 11px;
  }

  .ant-select-single:not(.ant-select-customize-input)
    .ant-select-selector
    .ant-select-selection-search-input {
    height: 30px;
  }

  .ant-select-single:not(.ant-select-customize-input)
    .ant-select-selector::after {
    line-height: 30px;
  }

  .ant-select-single.ant-select-customize-input .ant-select-selector::after {
    display: none;
  }

  .ant-select-single.ant-select-customize-input
    .ant-select-selector
    .ant-select-selection-search {
    position: static;
    width: 100%;
  }

  .ant-select-single.ant-select-customize-input
    .ant-select-selector
    .ant-select-selection-placeholder {
    position: absolute;
    right: 0;
    left: 0;
    padding: 0 11px;
  }

  .ant-select-single.ant-select-customize-input
    .ant-select-selector
    .ant-select-selection-placeholder::after {
    display: none;
  }

  .ant-select-single.ant-select-lg:not(.ant-select-customize-input)
    .ant-select-selector {
    height: 40px;
  }

  .ant-select-single.ant-select-lg:not(.ant-select-customize-input)
    .ant-select-selector::after,
  .ant-select-single.ant-select-lg:not(.ant-select-customize-input)
    .ant-select-selector
    .ant-select-selection-item,
  .ant-select-single.ant-select-lg:not(.ant-select-customize-input)
    .ant-select-selector
    .ant-select-selection-placeholder {
    line-height: 38px;
  }

  .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(
      .ant-select-customize-input
    )
    .ant-select-selection-search-input {
    height: 38px;
  }

  .ant-select-single.ant-select-sm:not(.ant-select-customize-input)
    .ant-select-selector {
    height: 24px;
  }

  .ant-select-single.ant-select-sm:not(.ant-select-customize-input)
    .ant-select-selector::after,
  .ant-select-single.ant-select-sm:not(.ant-select-customize-input)
    .ant-select-selector
    .ant-select-selection-item,
  .ant-select-single.ant-select-sm:not(.ant-select-customize-input)
    .ant-select-selector
    .ant-select-selection-placeholder {
    line-height: 22px;
  }

  .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(
      .ant-select-customize-input
    )
    .ant-select-selection-search-input {
    height: 22px;
  }

  .ant-select-single.ant-select-sm:not(.ant-select-customize-input)
    .ant-select-selection-search {
    right: 7px;
    left: 7px;
  }

  .ant-select-single.ant-select-sm:not(.ant-select-customize-input)
    .ant-select-selector {
    padding: 0 7px;
  }

  .ant-select-single.ant-select-sm:not(
      .ant-select-customize-input
    ).ant-select-show-arrow
    .ant-select-selection-search {
    right: 28px;
  }

  .ant-select-single.ant-select-sm:not(
      .ant-select-customize-input
    ).ant-select-show-arrow
    .ant-select-selection-item,
  .ant-select-single.ant-select-sm:not(
      .ant-select-customize-input
    ).ant-select-show-arrow
    .ant-select-selection-placeholder {
    padding-right: 21px;
  }

  .ant-select-single.ant-select-lg:not(.ant-select-customize-input)
    .ant-select-selector {
    padding: 0 11px;
  }

  .ant-select-selection-overflow {
    position: relative;
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    max-width: 100%;
  }

  .ant-select-selection-overflow-item {
    flex: none;
    align-self: center;
    max-width: 100%;
  }

  .ant-select-multiple .ant-select-selector {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 1px 4px;
  }

  .ant-select-show-search.ant-select-multiple .ant-select-selector {
    cursor: text;
  }

  .ant-select-disabled.ant-select-multiple .ant-select-selector {
    background: #141414;
    cursor: not-allowed;
  }

  .ant-select-multiple .ant-select-selector::after {
    display: inline-block;
    width: 0;
    margin: 2px 0;
    line-height: 24px;
    visibility: hidden;
    content: "\a0";
  }

  .ant-select-multiple.ant-select-show-arrow .ant-select-selector,
  .ant-select-multiple.ant-select-allow-clear .ant-select-selector {
    padding-right: 24px;
  }

  .ant-select-multiple .ant-select-selection-item {
    position: relative;
    display: flex;
    flex: none;
    box-sizing: border-box;
    max-width: 100%;
    height: 24px;
    margin-top: 2px;
    margin-bottom: 2px;
    line-height: 22px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid #303030;
    border-radius: 2px;
    cursor: default;
    transition: font-size 0.3s, line-height 0.3s, height 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-inline-end: 4px;
    padding-inline-start: 8px;
    padding-inline-end: 4px;
  }

  .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
    color: #595959;
    border-color: #1f1f1f;
    cursor: not-allowed;
  }

  .ant-select-multiple .ant-select-selection-item-content {
    display: inline-block;
    margin-right: 4px;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
  }

  .ant-select-multiple .ant-select-selection-item-remove {
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 700;
    font-size: 10px;
    line-height: inherit;
    cursor: pointer;
  }

  .ant-select-multiple .ant-select-selection-item-remove > * {
    line-height: 1;
  }

  .ant-select-multiple .ant-select-selection-item-remove svg {
    display: inline-block;
  }

  .ant-select-multiple .ant-select-selection-item-remove::before {
    display: none;
  }

  .ant-select-multiple
    .ant-select-selection-item-remove
    .ant-select-multiple
    .ant-select-selection-item-remove-icon {
    display: block;
  }

  .ant-select-multiple .ant-select-selection-item-remove > .anticon {
    vertical-align: middle;
  }

  .ant-select-multiple .ant-select-selection-item-remove:hover {
    color: rgba(255, 255, 255, 0.75);
  }

  .ant-select-multiple
    .ant-select-selection-overflow-item
    + .ant-select-selection-overflow-item
    .ant-select-selection-search {
    margin-inline-start: 0;
  }

  .ant-select-multiple .ant-select-selection-search {
    position: relative;
    max-width: 100%;
    margin-inline-start: 7px;
  }

  .ant-select-multiple .ant-select-selection-search-input,
  .ant-select-multiple .ant-select-selection-search-mirror {
    height: 24px;
    font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
      helvetica neue, Arial, noto sans, sans-serif, apple color emoji,
      segoe ui emoji, segoe ui symbol, noto color emoji;
    line-height: 24px;
    transition: all 0.3s;
  }

  .ant-select-multiple .ant-select-selection-search-input {
    width: 100%;
    min-width: 4.1px;
  }

  .ant-select-multiple .ant-select-selection-search-mirror {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    white-space: pre;
    visibility: hidden;
  }

  .ant-select-multiple .ant-select-selection-placeholder {
    position: absolute;
    top: 50%;
    right: 11px;
    left: 11px;
    transform: translateY(-50%);
    transition: all 0.3s;
  }

  .ant-select-multiple.ant-select-lg .ant-select-selector::after {
    line-height: 32px;
  }

  .ant-select-multiple.ant-select-lg .ant-select-selection-item {
    height: 32px;
    line-height: 30px;
  }

  .ant-select-multiple.ant-select-lg .ant-select-selection-search {
    height: 32px;
    line-height: 32px;
  }

  .ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
  .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
    height: 32px;
    line-height: 30px;
  }

  .ant-select-multiple.ant-select-sm .ant-select-selector::after {
    line-height: 16px;
  }

  .ant-select-multiple.ant-select-sm .ant-select-selection-item {
    height: 16px;
    line-height: 14px;
  }

  .ant-select-multiple.ant-select-sm .ant-select-selection-search {
    height: 16px;
    line-height: 16px;
  }

  .ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
  .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
    height: 16px;
    line-height: 14px;
  }

  .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
    left: 7px;
  }

  .ant-select-multiple.ant-select-sm .ant-select-selection-search {
    margin-inline-start: 3px;
  }

  .ant-select-disabled .ant-select-selection-item-remove {
    display: none;
  }

  .ant-select-status-error.ant-select:not(.ant-select-disabled):not(
      .ant-select-customize-input
    ):not(.ant-pagination-size-changer)
    .ant-select-selector {
    background-color: transparent;
    border-color: #a61d24 !important;
  }

  .ant-select-status-error.ant-select:not(.ant-select-disabled):not(
      .ant-select-customize-input
    ):not(.ant-pagination-size-changer).ant-select-open
    .ant-select-selector,
  .ant-select-status-error.ant-select:not(.ant-select-disabled):not(
      .ant-select-customize-input
    ):not(.ant-pagination-size-changer).ant-select-focused
    .ant-select-selector {
    border-color: #a61d24;
    box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(
      .ant-select-customize-input
    ):not(.ant-pagination-size-changer)
    .ant-select-selector {
    background-color: transparent;
    border-color: #d89614 !important;
  }

  .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(
      .ant-select-customize-input
    ):not(.ant-pagination-size-changer).ant-select-open
    .ant-select-selector,
  .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(
      .ant-select-customize-input
    ):not(.ant-pagination-size-changer).ant-select-focused
    .ant-select-selector {
    border-color: #d89614;
    box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-select-status-error.ant-select-has-feedback .ant-select-clear,
  .ant-select-status-warning.ant-select-has-feedback .ant-select-clear,
  .ant-select-status-success.ant-select-has-feedback .ant-select-clear,
  .ant-select-status-validating.ant-select-has-feedback .ant-select-clear {
    right: 32px;
  }

  .ant-select-status-error.ant-select-has-feedback
    .ant-select-selection-selected-value,
  .ant-select-status-warning.ant-select-has-feedback
    .ant-select-selection-selected-value,
  .ant-select-status-success.ant-select-has-feedback
    .ant-select-selection-selected-value,
  .ant-select-status-validating.ant-select-has-feedback
    .ant-select-selection-selected-value {
    padding-right: 42px;
  }

  .ant-select {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    cursor: pointer;
  }

  .ant-select:not(.ant-select-customize-input) .ant-select-selector {
    position: relative;
    background-color: transparent;
    border: 1px solid #434343;
    border-radius: 2px;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .ant-select:not(.ant-select-customize-input) .ant-select-selector input {
    cursor: pointer;
  }

  .ant-select-show-search.ant-select:not(.ant-select-customize-input)
    .ant-select-selector {
    cursor: text;
  }

  .ant-select-show-search.ant-select:not(.ant-select-customize-input)
    .ant-select-selector
    input {
    cursor: auto;
  }

  .ant-select-focused:not(.ant-select-disabled).ant-select:not(
      .ant-select-customize-input
    )
    .ant-select-selector {
    border-color: #177ddc;
    box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-select-disabled.ant-select:not(.ant-select-customize-input)
    .ant-select-selector {
    color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.08);
    cursor: not-allowed;
  }

  .ant-select-multiple.ant-select-disabled.ant-select:not(
      .ant-select-customize-input
    )
    .ant-select-selector {
    background: #141414;
  }

  .ant-select-disabled.ant-select:not(.ant-select-customize-input)
    .ant-select-selector
    input {
    cursor: not-allowed;
  }

  .ant-select:not(.ant-select-customize-input)
    .ant-select-selector
    .ant-select-selection-search-input {
    margin: 0;
    padding: 0;
    background: 0 0;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .ant-select:not(.ant-select-customize-input)
    .ant-select-selector
    .ant-select-selection-search-input::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none;
  }

  .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
    border-color: #165996;
    border-right-width: 1px;
  }

  .ant-select-selection-item {
    flex: 1;
    overflow: hidden;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  @media all and (-ms-high-contrast: none) {
    .ant-select-selection-item *::-ms-backdrop,
    .ant-select-selection-item {
      flex: auto;
    }
  }

  .ant-select-selection-placeholder {
    flex: 1;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.3);
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
  }

  @media all and (-ms-high-contrast: none) {
    .ant-select-selection-placeholder *::-ms-backdrop,
    .ant-select-selection-placeholder {
      flex: auto;
    }
  }

  .ant-select-arrow {
    display: inline-flex;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 11px;
    display: flex;
    align-items: center;
    height: 12px;
    margin-top: -6px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 12px;
    line-height: 1;
    text-align: center;
    pointer-events: none;
  }

  .ant-select-arrow > * {
    line-height: 1;
  }

  .ant-select-arrow svg {
    display: inline-block;
  }

  .ant-select-arrow::before {
    display: none;
  }

  .ant-select-arrow .ant-select-arrow-icon {
    display: block;
  }

  .ant-select-arrow .anticon {
    vertical-align: top;
    transition: transform 0.3s;
  }

  .ant-select-arrow .anticon > svg {
    vertical-align: top;
  }

  .ant-select-arrow .anticon:not(.ant-select-suffix) {
    pointer-events: auto;
  }

  .ant-select-disabled .ant-select-arrow {
    cursor: not-allowed;
  }

  .ant-select-arrow > *:not(:last-child) {
    margin-inline-end: 8px;
  }

  .ant-select-clear {
    position: absolute;
    top: 50%;
    right: 11px;
    z-index: 1;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    color: rgba(255, 255, 255, 0.3);
    font-size: 12px;
    font-style: normal;
    line-height: 1;
    text-align: center;
    text-transform: none;
    background: #141414;
    cursor: pointer;
    opacity: 0;
    transition: color 0.3s ease, opacity 0.15s ease;
    text-rendering: auto;
  }

  .ant-select-clear::before {
    display: block;
  }

  .ant-select-clear:hover {
    color: rgba(255, 255, 255, 0.45);
  }

  .ant-select:hover .ant-select-clear {
    opacity: 1;
  }

  .ant-select-dropdown {
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    box-sizing: border-box;
    padding: 4px 0;
    overflow: hidden;
    font-size: 14px;
    font-variant: initial;
    background-color: #1f1f1f;
    border-radius: 2px;
    outline: none;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  }

  .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
  .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
    animation-name: antSlideUpIn;
  }

  .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
  .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
    animation-name: antSlideDownIn;
  }

  .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
    animation-name: antSlideUpOut;
  }

  .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
    animation-name: antSlideDownOut;
  }

  .ant-select-dropdown-hidden {
    display: none;
  }

  .ant-select-dropdown-empty {
    color: rgba(255, 255, 255, 0.3);
  }

  .ant-select-item-empty {
    position: relative;
    display: block;
    min-height: 32px;
    padding: 5px 12px;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.3);
  }

  .ant-select-item {
    position: relative;
    display: block;
    min-height: 32px;
    padding: 5px 12px;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    transition: background 0.3s ease;
  }

  .ant-select-item-group {
    color: rgba(255, 255, 255, 0.45);
    font-size: 12px;
    cursor: default;
  }

  .ant-select-item-option {
    display: flex;
  }

  .ant-select-item-option-content {
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .ant-select-item-option-state {
    flex: none;
  }

  .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
    background-color: rgba(255, 255, 255, 0.08);
  }

  .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
    color: rgba(255, 255, 255, 0.85);
    font-weight: 600;
    background-color: #111b26;
  }

  .ant-select-item-option-selected:not(.ant-select-item-option-disabled)
    .ant-select-item-option-state {
    color: #177ddc;
  }

  .ant-select-item-option-disabled {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  .ant-select-item-option-disabled.ant-select-item-option-selected {
    background-color: #141414;
  }

  .ant-select-item-option-grouped {
    padding-left: 24px;
  }

  .ant-select-lg {
    font-size: 16px;
  }

  .ant-select-borderless .ant-select-selector {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }

  .ant-select.ant-select-in-form-item {
    width: 100%;
  }

  .ant-select-compact-item:not(.ant-select-compact-last-item) {
    margin-right: -1px;
  }

  .ant-select-compact-item:not(
      .ant-select-compact-last-item
    ).ant-select-compact-item-rtl {
    margin-right: 0;
    margin-left: -1px;
  }

  .ant-select-compact-item:hover > *,
  .ant-select-compact-item:focus > *,
  .ant-select-compact-item:active > * {
    z-index: 2;
  }

  .ant-select-compact-item.ant-select-focused > * {
    z-index: 2;
  }

  .ant-select-compact-item[disabled] > * {
    z-index: 0;
  }

  .ant-select-compact-item:not(.ant-select-compact-first-item):not(
      .ant-select-compact-last-item
    ).ant-select
    > .ant-select-selector {
    border-radius: 0;
  }

  .ant-select-compact-item.ant-select-compact-first-item.ant-select:not(
      .ant-select-compact-last-item
    ):not(.ant-select-compact-item-rtl)
    > .ant-select-selector {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-select-compact-item.ant-select-compact-last-item.ant-select:not(
      .ant-select-compact-first-item
    ):not(.ant-select-compact-item-rtl)
    > .ant-select-selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-select-compact-item.ant-select.ant-select-compact-first-item.ant-select-compact-item-rtl:not(
      .ant-select-compact-last-item
    )
    > .ant-select-selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .ant-select-compact-item.ant-select.ant-select-compact-last-item.ant-select-compact-item-rtl:not(
      .ant-select-compact-first-item
    )
    > .ant-select-selector {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .ant-select-rtl {
    direction: rtl;
  }

  .ant-select-rtl .ant-select-arrow {
    right: initial;
    left: 11px;
  }

  .ant-select-rtl .ant-select-clear {
    right: initial;
    left: 11px;
  }

  .ant-select-dropdown-rtl {
    direction: rtl;
  }

  .ant-select-dropdown-rtl .ant-select-item-option-grouped {
    padding-right: 24px;
    padding-left: 12px;
  }

  .ant-select-rtl.ant-select-multiple.ant-select-show-arrow
    .ant-select-selector,
  .ant-select-rtl.ant-select-multiple.ant-select-allow-clear
    .ant-select-selector {
    padding-right: 4px;
    padding-left: 24px;
  }

  .ant-select-rtl.ant-select-multiple .ant-select-selection-item {
    text-align: right;
  }

  .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
    margin-right: 0;
    margin-left: 4px;
    text-align: right;
  }

  .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
    right: 0;
    left: auto;
  }

  .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
    right: 11px;
    left: auto;
  }

  .ant-select-rtl.ant-select-multiple.ant-select-sm
    .ant-select-selection-placeholder {
    right: 7px;
  }

  .ant-select-rtl.ant-select-single
    .ant-select-selector
    .ant-select-selection-item,
  .ant-select-rtl.ant-select-single
    .ant-select-selector
    .ant-select-selection-placeholder {
    right: 0;
    left: 9px;
    text-align: right;
  }

  .ant-select-rtl.ant-select-single.ant-select-show-arrow
    .ant-select-selection-search {
    right: 11px;
    left: 25px;
  }

  .ant-select-rtl.ant-select-single.ant-select-show-arrow
    .ant-select-selection-item,
  .ant-select-rtl.ant-select-single.ant-select-show-arrow
    .ant-select-selection-placeholder {
    padding-right: 0;
    padding-left: 18px;
  }

  .ant-select-rtl.ant-select-single.ant-select-sm:not(
      .ant-select-customize-input
    ).ant-select-show-arrow
    .ant-select-selection-search {
    right: 6px;
  }

  .ant-select-rtl.ant-select-single.ant-select-sm:not(
      .ant-select-customize-input
    ).ant-select-show-arrow
    .ant-select-selection-item,
  .ant-select-rtl.ant-select-single.ant-select-sm:not(
      .ant-select-customize-input
    ).ant-select-show-arrow
    .ant-select-selection-placeholder {
    padding-right: 0;
    padding-left: 21px;
  }

  .ant-skeleton {
    display: table;
    width: 100%;
  }

  .ant-skeleton-header {
    display: table-cell;
    padding-right: 16px;
    vertical-align: top;
  }

  .ant-skeleton-header .ant-skeleton-avatar {
    display: inline-block;
    vertical-align: top;
    background: rgba(190, 190, 190, 0.2);
    width: 32px;
    height: 32px;
    line-height: 32px;
  }

  .ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
    border-radius: 50%;
  }

  .ant-skeleton-header .ant-skeleton-avatar-lg {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
    border-radius: 50%;
  }

  .ant-skeleton-header .ant-skeleton-avatar-sm {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }

  .ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
    border-radius: 50%;
  }

  .ant-skeleton-content {
    display: table-cell;
    width: 100%;
    vertical-align: top;
  }

  .ant-skeleton-content .ant-skeleton-title {
    width: 100%;
    height: 16px;
    background: rgba(190, 190, 190, 0.2);
    border-radius: 2px;
  }

  .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
    margin-top: 24px;
  }

  .ant-skeleton-content .ant-skeleton-paragraph {
    padding: 0;
  }

  .ant-skeleton-content .ant-skeleton-paragraph > li {
    width: 100%;
    height: 16px;
    list-style: none;
    background: rgba(190, 190, 190, 0.2);
    border-radius: 2px;
  }

  .ant-skeleton-content
    .ant-skeleton-paragraph
    > li:last-child:not(:first-child):not(:nth-child(2)) {
    width: 61%;
  }

  .ant-skeleton-content .ant-skeleton-paragraph > li + li {
    margin-top: 16px;
  }

  .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
    margin-top: 12px;
  }

  .ant-skeleton-with-avatar
    .ant-skeleton-content
    .ant-skeleton-title
    + .ant-skeleton-paragraph {
    margin-top: 28px;
  }

  .ant-skeleton-round .ant-skeleton-content .ant-skeleton-title,
  .ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li {
    border-radius: 100px;
  }

  .ant-skeleton-active .ant-skeleton-title,
  .ant-skeleton-active .ant-skeleton-paragraph > li,
  .ant-skeleton-active .ant-skeleton-avatar,
  .ant-skeleton-active .ant-skeleton-button,
  .ant-skeleton-active .ant-skeleton-input,
  .ant-skeleton-active .ant-skeleton-image {
    position: relative;
    z-index: 0;
    overflow: hidden;
    background: 0 0;
  }

  .ant-skeleton-active .ant-skeleton-title::after,
  .ant-skeleton-active .ant-skeleton-paragraph > li::after,
  .ant-skeleton-active .ant-skeleton-avatar::after,
  .ant-skeleton-active .ant-skeleton-button::after,
  .ant-skeleton-active .ant-skeleton-input::after,
  .ant-skeleton-active .ant-skeleton-image::after {
    position: absolute;
    top: 0;
    right: -150%;
    bottom: 0;
    left: -150%;
    background: linear-gradient(
      90deg,
      rgba(190, 190, 190, 0.2) 25%,
      rgba(255, 255, 255, 0.16) 37%,
      rgba(190, 190, 190, 0.2) 63%
    );
    animation: ant-skeleton-loading 1.4s ease infinite;
    content: "";
  }

  .ant-skeleton.ant-skeleton-block {
    width: 100%;
  }

  .ant-skeleton.ant-skeleton-block .ant-skeleton-button {
    width: 100%;
  }

  .ant-skeleton.ant-skeleton-block .ant-skeleton-input {
    width: 100%;
  }

  .ant-skeleton-element {
    display: inline-block;
    width: auto;
  }

  .ant-skeleton-element .ant-skeleton-button {
    display: inline-block;
    vertical-align: top;
    background: rgba(190, 190, 190, 0.2);
    border-radius: 2px;
    width: 64px;
    min-width: 64px;
    height: 32px;
    line-height: 32px;
  }

  .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-square {
    width: 32px;
    min-width: 32px;
  }

  .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
    width: 32px;
    min-width: 32px;
    border-radius: 50%;
  }

  .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
    border-radius: 32px;
  }

  .ant-skeleton-element .ant-skeleton-button-lg {
    width: 80px;
    min-width: 80px;
    height: 40px;
    line-height: 40px;
  }

  .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-square {
    width: 40px;
    min-width: 40px;
  }

  .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
    width: 40px;
    min-width: 40px;
    border-radius: 50%;
  }

  .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
    border-radius: 40px;
  }

  .ant-skeleton-element .ant-skeleton-button-sm {
    width: 48px;
    min-width: 48px;
    height: 24px;
    line-height: 24px;
  }

  .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-square {
    width: 24px;
    min-width: 24px;
  }

  .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
    width: 24px;
    min-width: 24px;
    border-radius: 50%;
  }

  .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
    border-radius: 24px;
  }

  .ant-skeleton-element .ant-skeleton-avatar {
    display: inline-block;
    vertical-align: top;
    background: rgba(190, 190, 190, 0.2);
    width: 32px;
    height: 32px;
    line-height: 32px;
  }

  .ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
    border-radius: 50%;
  }

  .ant-skeleton-element .ant-skeleton-avatar-lg {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }

  .ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
    border-radius: 50%;
  }

  .ant-skeleton-element .ant-skeleton-avatar-sm {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }

  .ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
    border-radius: 50%;
  }

  .ant-skeleton-element .ant-skeleton-input {
    display: inline-block;
    vertical-align: top;
    background: rgba(190, 190, 190, 0.2);
    width: 160px;
    min-width: 160px;
    height: 32px;
    line-height: 32px;
  }

  .ant-skeleton-element .ant-skeleton-input-lg {
    width: 200px;
    min-width: 200px;
    height: 40px;
    line-height: 40px;
  }

  .ant-skeleton-element .ant-skeleton-input-sm {
    width: 120px;
    min-width: 120px;
    height: 24px;
    line-height: 24px;
  }

  .ant-skeleton-element .ant-skeleton-image {
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    background: rgba(190, 190, 190, 0.2);
    width: 96px;
    height: 96px;
    line-height: 96px;
  }

  .ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
    border-radius: 50%;
  }

  .ant-skeleton-element .ant-skeleton-image-path {
    fill: #bfbfbf;
  }

  .ant-skeleton-element .ant-skeleton-image-svg {
    width: 48px;
    height: 48px;
    line-height: 48px;
    max-width: 192px;
    max-height: 192px;
  }

  .ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
    border-radius: 50%;
  }

  @keyframes ant-skeleton-loading {
    0% {
      transform: translateX(-37.5%);
    }

    100% {
      transform: translateX(37.5%);
    }
  }

  .ant-skeleton-rtl {
    direction: rtl;
  }

  .ant-skeleton-rtl .ant-skeleton-header {
    padding-right: 0;
    padding-left: 16px;
  }

  .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active
    .ant-skeleton-content
    .ant-skeleton-title,
  .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active
    .ant-skeleton-content
    .ant-skeleton-paragraph
    > li {
    animation-name: ant-skeleton-loading-rtl;
  }

  .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
    animation-name: ant-skeleton-loading-rtl;
  }

  @keyframes ant-skeleton-loading-rtl {
    0% {
      background-position: 0% 50%;
    }

    100% {
      background-position: 100% 50%;
    }
  }

  .ant-slider {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    height: 12px;
    margin: 10px 6px;
    padding: 4px 0;
    cursor: pointer;
    touch-action: none;
  }

  .ant-slider-vertical {
    width: 12px;
    height: 100%;
    margin: 6px 10px;
    padding: 0 4px;
  }

  .ant-slider-vertical .ant-slider-rail {
    width: 4px;
    height: 100%;
  }

  .ant-slider-vertical .ant-slider-track {
    width: 4px;
  }

  .ant-slider-vertical .ant-slider-handle {
    margin-top: -6px;
    margin-left: -5px;
  }

  .ant-slider-vertical .ant-slider-mark {
    top: 0;
    left: 12px;
    width: 18px;
    height: 100%;
  }

  .ant-slider-vertical .ant-slider-mark-text {
    left: 4px;
    white-space: nowrap;
  }

  .ant-slider-vertical .ant-slider-step {
    width: 4px;
    height: 100%;
  }

  .ant-slider-vertical .ant-slider-dot {
    top: auto;
    margin-left: -2px;
  }

  .ant-slider-tooltip .ant-tooltip-inner {
    min-width: unset;
  }

  .ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
    margin-right: -5px;
    margin-left: 0;
  }

  .ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
    right: 12px;
    left: auto;
  }

  .ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
    right: 4px;
    left: auto;
  }

  .ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
    right: 2px;
    left: auto;
  }

  .ant-slider-with-marks {
    margin-bottom: 28px;
  }

  .ant-slider-rail {
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #262626;
    border-radius: 2px;
    transition: background-color 0.3s;
  }

  .ant-slider-track {
    position: absolute;
    height: 4px;
    background-color: #153450;
    border-radius: 2px;
    transition: background-color 0.3s;
  }

  .ant-slider-handle {
    position: absolute;
    width: 14px;
    height: 14px;
    margin-top: -5px;
    background-color: #141414;
    border: solid 2px #153450;
    border-radius: 50%;
    box-shadow: 0;
    cursor: pointer;
    transition: border-color 0.3s, box-shadow 0.6s,
      transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  }

  .ant-slider-handle-dragging {
    z-index: 1;
  }

  .ant-slider-handle:focus {
    border-color: #4697e3;
    outline: none;
    box-shadow: 0 0 0 5px rgba(23, 125, 220, 0.12);
  }

  .ant-slider-handle.ant-tooltip-open {
    border-color: #177ddc;
  }

  .ant-slider-handle::after {
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    content: "";
  }

  .ant-slider:hover .ant-slider-rail {
    background-color: #434343;
  }

  .ant-slider:hover .ant-slider-track {
    background-color: #16436e;
  }

  .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
    border-color: #16436e;
  }

  .ant-slider-mark {
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%;
    font-size: 14px;
  }

  .ant-slider-mark-text {
    position: absolute;
    display: inline-block;
    color: rgba(255, 255, 255, 0.45);
    text-align: center;
    word-break: keep-all;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-slider-mark-text-active {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-slider-step {
    position: absolute;
    width: 100%;
    height: 4px;
    background: 0 0;
    pointer-events: none;
  }

  .ant-slider-dot {
    position: absolute;
    top: -2px;
    width: 8px;
    height: 8px;
    background-color: #141414;
    border: 2px solid #303030;
    border-radius: 50%;
    cursor: pointer;
  }

  .ant-slider-dot-active {
    border-color: #16436e;
  }

  .ant-slider-disabled {
    cursor: not-allowed;
  }

  .ant-slider-disabled .ant-slider-rail {
    background-color: #262626 !important;
  }

  .ant-slider-disabled .ant-slider-track {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }

  .ant-slider-disabled .ant-slider-handle,
  .ant-slider-disabled .ant-slider-dot {
    background-color: #141414;
    border-color: rgba(255, 255, 255, 0.3) !important;
    box-shadow: none;
    cursor: not-allowed;
  }

  .ant-slider-disabled .ant-slider-mark-text,
  .ant-slider-disabled .ant-slider-dot {
    cursor: not-allowed !important;
  }

  .ant-slider-rtl {
    direction: rtl;
  }

  .ant-slider-rtl .ant-slider-mark {
    right: 0;
    left: auto;
  }

  .ant-space {
    display: inline-flex;
  }

  .ant-space-vertical {
    flex-direction: column;
  }

  .ant-space-align-center {
    align-items: center;
  }

  .ant-space-align-start {
    align-items: flex-start;
  }

  .ant-space-align-end {
    align-items: flex-end;
  }

  .ant-space-align-baseline {
    align-items: baseline;
  }

  .ant-space-item:empty {
    display: none;
  }

  .ant-space-compact {
    display: inline-flex;
  }

  .ant-space-compact-block {
    display: flex;
    width: 100%;
  }

  .ant-space-compact-vertical {
    flex-direction: column;
  }

  .ant-space-rtl {
    direction: rtl;
  }

  .ant-space-compact-rtl {
    direction: rtl;
  }

  .ant-spin {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    display: none;
    color: #177ddc;
    font-size: 0;
    text-align: center;
    vertical-align: middle;
    opacity: 0;
    transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  }

  .ant-spin-spinning {
    position: static;
    display: inline-block;
    opacity: 1;
  }

  .ant-spin-nested-loading {
    position: relative;
  }

  .ant-spin-nested-loading > div > .ant-spin {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 400px;
  }

  .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px;
  }

  .ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
    position: absolute;
    top: 50%;
    width: 100%;
    padding-top: 5px;
    font-size: 14px;
    text-shadow: 0 1px 2px #141414;
  }

  .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
    margin-top: -20px;
  }

  .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
    margin: -7px;
  }

  .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
    padding-top: 2px;
  }

  .ant-spin-nested-loading
    > div
    > .ant-spin-sm.ant-spin-show-text
    .ant-spin-dot {
    margin-top: -17px;
  }

  .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
    margin: -16px;
  }

  .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
    padding-top: 11px;
  }

  .ant-spin-nested-loading
    > div
    > .ant-spin-lg.ant-spin-show-text
    .ant-spin-dot {
    margin-top: -26px;
  }

  .ant-spin-container {
    position: relative;
    transition: opacity 0.3s;
  }

  .ant-spin-container::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none \9;
    width: 100%;
    height: 100%;
    background: #141414;
    opacity: 0;
    transition: all 0.3s;
    content: "";
    pointer-events: none;
  }

  .ant-spin-blur {
    clear: both;
    opacity: 0.5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
  }

  .ant-spin-blur::after {
    opacity: 0.4;
    pointer-events: auto;
  }

  .ant-spin-tip {
    color: rgba(255, 255, 255, 0.45);
  }

  .ant-spin-dot {
    position: relative;
    display: inline-block;
    font-size: 20px;
    width: 1em;
    height: 1em;
  }

  .ant-spin-dot-item {
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    background-color: #177ddc;
    border-radius: 100%;
    transform: scale(0.75);
    transform-origin: 50% 50%;
    opacity: 0.3;
    animation: antSpinMove 1s infinite linear alternate;
  }

  .ant-spin-dot-item:nth-child(1) {
    top: 0;
    left: 0;
  }

  .ant-spin-dot-item:nth-child(2) {
    top: 0;
    right: 0;
    animation-delay: 0.4s;
  }

  .ant-spin-dot-item:nth-child(3) {
    right: 0;
    bottom: 0;
    animation-delay: 0.8s;
  }

  .ant-spin-dot-item:nth-child(4) {
    bottom: 0;
    left: 0;
    animation-delay: 1.2s;
  }

  .ant-spin-dot-spin {
    transform: rotate(0deg);
    animation: antRotate 1.2s infinite linear;
  }

  .ant-spin-sm .ant-spin-dot {
    font-size: 14px;
  }

  .ant-spin-sm .ant-spin-dot i {
    width: 6px;
    height: 6px;
  }

  .ant-spin-lg .ant-spin-dot {
    font-size: 32px;
  }

  .ant-spin-lg .ant-spin-dot i {
    width: 14px;
    height: 14px;
  }

  .ant-spin.ant-spin-show-text .ant-spin-text {
    display: block;
  }

  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ant-spin-blur {
      background: #141414;
      opacity: 0.5;
    }
  }

  @keyframes antSpinMove {
    to {
      opacity: 1;
    }
  }

  @keyframes antRotate {
    to {
      transform: rotate(360deg);
    }
  }

  .ant-spin-rtl {
    direction: rtl;
  }

  .ant-spin-rtl .ant-spin-dot-spin {
    transform: rotate(-45deg);
    animation-name: antRotateRtl;
  }

  @keyframes antRotateRtl {
    to {
      transform: rotate(-405deg);
    }
  }

  .ant-statistic {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
  }

  .ant-statistic-title {
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
  }

  .ant-statistic-skeleton {
    padding-top: 16px;
  }

  .ant-statistic-content {
    color: rgba(255, 255, 255, 0.85);
    font-size: 24px;
    font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
      helvetica neue, Arial, noto sans, sans-serif, apple color emoji,
      segoe ui emoji, segoe ui symbol, noto color emoji;
  }

  .ant-statistic-content-value {
    display: inline-block;
    direction: ltr;
  }

  .ant-statistic-content-prefix,
  .ant-statistic-content-suffix {
    display: inline-block;
  }

  .ant-statistic-content-prefix {
    margin-right: 4px;
  }

  .ant-statistic-content-suffix {
    margin-left: 4px;
  }

  .ant-statistic-rtl {
    direction: rtl;
  }

  .ant-statistic-rtl .ant-statistic-content-prefix {
    margin-right: 0;
    margin-left: 4px;
  }

  .ant-statistic-rtl .ant-statistic-content-suffix {
    margin-right: 4px;
    margin-left: 0;
  }

  .ant-steps {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: flex;
    width: 100%;
    font-size: 0;
    text-align: initial;
  }

  .ant-steps-item {
    position: relative;
    display: inline-block;
    flex: 1;
    overflow: hidden;
    vertical-align: top;
  }

  .ant-steps-item-container {
    outline: none;
  }

  .ant-steps-item:last-child {
    flex: none;
  }

  .ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
  .ant-steps-item:last-child
    > .ant-steps-item-container
    > .ant-steps-item-content
    > .ant-steps-item-title::after {
    display: none;
  }

  .ant-steps-item-icon,
  .ant-steps-item-content {
    display: inline-block;
    vertical-align: top;
  }

  .ant-steps-item-icon {
    width: 32px;
    height: 32px;
    margin: 0 8px 0 0;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
      helvetica neue, Arial, noto sans, sans-serif, apple color emoji,
      segoe ui emoji, segoe ui symbol, noto color emoji;
    line-height: 32px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 32px;
    transition: background-color 0.3s, border-color 0.3s;
  }

  .ant-steps-item-icon .ant-steps-icon {
    position: relative;
    top: -0.5px;
    color: #177ddc;
    line-height: 1;
  }

  .ant-steps-item-tail {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    padding: 0 10px;
  }

  .ant-steps-item-tail::after {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #303030;
    border-radius: 1px;
    transition: background 0.3s;
    content: "";
  }

  .ant-steps-item-title {
    position: relative;
    display: inline-block;
    padding-right: 16px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    line-height: 32px;
  }

  .ant-steps-item-title::after {
    position: absolute;
    top: 16px;
    left: 100%;
    display: block;
    width: 9999px;
    height: 1px;
    background: #303030;
    content: "";
  }

  .ant-steps-item-subtitle {
    display: inline;
    margin-left: 8px;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 400;
    font-size: 14px;
  }

  .ant-steps-item-description {
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
  }

  .ant-steps-item-wait .ant-steps-item-icon {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.3);
  }

  .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
    color: rgba(255, 255, 255, 0.3);
  }

  .ant-steps-item-wait
    .ant-steps-item-icon
    > .ant-steps-icon
    .ant-steps-icon-dot {
    background: rgba(255, 255, 255, 0.3);
  }

  .ant-steps-item-wait
    > .ant-steps-item-container
    > .ant-steps-item-content
    > .ant-steps-item-title {
    color: rgba(255, 255, 255, 0.45);
  }

  .ant-steps-item-wait
    > .ant-steps-item-container
    > .ant-steps-item-content
    > .ant-steps-item-title::after {
    background-color: #303030;
  }

  .ant-steps-item-wait
    > .ant-steps-item-container
    > .ant-steps-item-content
    > .ant-steps-item-description {
    color: rgba(255, 255, 255, 0.45);
  }

  .ant-steps-item-wait
    > .ant-steps-item-container
    > .ant-steps-item-tail::after {
    background-color: #303030;
  }

  .ant-steps-item-process .ant-steps-item-icon {
    background-color: transparent;
    border-color: #177ddc;
  }

  .ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
    color: #177ddc;
  }

  .ant-steps-item-process
    .ant-steps-item-icon
    > .ant-steps-icon
    .ant-steps-icon-dot {
    background: #177ddc;
  }

  .ant-steps-item-process
    > .ant-steps-item-container
    > .ant-steps-item-content
    > .ant-steps-item-title {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-steps-item-process
    > .ant-steps-item-container
    > .ant-steps-item-content
    > .ant-steps-item-title::after {
    background-color: #303030;
  }

  .ant-steps-item-process
    > .ant-steps-item-container
    > .ant-steps-item-content
    > .ant-steps-item-description {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-steps-item-process
    > .ant-steps-item-container
    > .ant-steps-item-tail::after {
    background-color: #303030;
  }

  .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
    background: #177ddc;
  }

  .ant-steps-item-process
    > .ant-steps-item-container
    > .ant-steps-item-icon
    .ant-steps-icon {
    color: #fff;
  }

  .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title {
    font-weight: 500;
  }

  .ant-steps-item-finish .ant-steps-item-icon {
    background-color: transparent;
    border-color: #177ddc;
  }

  .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
    color: #177ddc;
  }

  .ant-steps-item-finish
    .ant-steps-item-icon
    > .ant-steps-icon
    .ant-steps-icon-dot {
    background: #177ddc;
  }

  .ant-steps-item-finish
    > .ant-steps-item-container
    > .ant-steps-item-content
    > .ant-steps-item-title {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-steps-item-finish
    > .ant-steps-item-container
    > .ant-steps-item-content
    > .ant-steps-item-title::after {
    background-color: #177ddc;
  }

  .ant-steps-item-finish
    > .ant-steps-item-container
    > .ant-steps-item-content
    > .ant-steps-item-description {
    color: rgba(255, 255, 255, 0.45);
  }

  .ant-steps-item-finish
    > .ant-steps-item-container
    > .ant-steps-item-tail::after {
    background-color: #177ddc;
  }

  .ant-steps-item-error .ant-steps-item-icon {
    background-color: transparent;
    border-color: #a61d24;
  }

  .ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
    color: #a61d24;
  }

  .ant-steps-item-error
    .ant-steps-item-icon
    > .ant-steps-icon
    .ant-steps-icon-dot {
    background: #a61d24;
  }

  .ant-steps-item-error
    > .ant-steps-item-container
    > .ant-steps-item-content
    > .ant-steps-item-title {
    color: #a61d24;
  }

  .ant-steps-item-error
    > .ant-steps-item-container
    > .ant-steps-item-content
    > .ant-steps-item-title::after {
    background-color: #303030;
  }

  .ant-steps-item-error
    > .ant-steps-item-container
    > .ant-steps-item-content
    > .ant-steps-item-description {
    color: #a61d24;
  }

  .ant-steps-item-error
    > .ant-steps-item-container
    > .ant-steps-item-tail::after {
    background-color: #303030;
  }

  .ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
    background: #a61d24;
  }

  .ant-steps-item-disabled {
    cursor: not-allowed;
  }

  .ant-steps
    .ant-steps-item:not(.ant-steps-item-active)
    > .ant-steps-item-container[role="button"] {
    cursor: pointer;
  }

  .ant-steps
    .ant-steps-item:not(.ant-steps-item-active)
    > .ant-steps-item-container[role="button"]
    .ant-steps-item-title,
  .ant-steps
    .ant-steps-item:not(.ant-steps-item-active)
    > .ant-steps-item-container[role="button"]
    .ant-steps-item-subtitle,
  .ant-steps
    .ant-steps-item:not(.ant-steps-item-active)
    > .ant-steps-item-container[role="button"]
    .ant-steps-item-description,
  .ant-steps
    .ant-steps-item:not(.ant-steps-item-active)
    > .ant-steps-item-container[role="button"]
    .ant-steps-item-icon
    .ant-steps-icon {
    transition: color 0.3s;
  }

  .ant-steps
    .ant-steps-item:not(.ant-steps-item-active)
    > .ant-steps-item-container[role="button"]:hover
    .ant-steps-item-title,
  .ant-steps
    .ant-steps-item:not(.ant-steps-item-active)
    > .ant-steps-item-container[role="button"]:hover
    .ant-steps-item-subtitle,
  .ant-steps
    .ant-steps-item:not(.ant-steps-item-active)
    > .ant-steps-item-container[role="button"]:hover
    .ant-steps-item-description {
    color: #177ddc;
  }

  .ant-steps
    .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)
    > .ant-steps-item-container[role="button"]:hover
    .ant-steps-item-icon {
    border-color: #177ddc;
  }

  .ant-steps
    .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)
    > .ant-steps-item-container[role="button"]:hover
    .ant-steps-item-icon
    .ant-steps-icon {
    color: #177ddc;
  }

  .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
    padding-left: 16px;
    white-space: nowrap;
  }

  .ant-steps-horizontal:not(.ant-steps-label-vertical)
    .ant-steps-item:first-child {
    padding-left: 0;
  }

  .ant-steps-horizontal:not(.ant-steps-label-vertical)
    .ant-steps-item:last-child
    .ant-steps-item-title {
    padding-right: 0;
  }

  .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
    display: none;
  }

  .ant-steps-horizontal:not(.ant-steps-label-vertical)
    .ant-steps-item-description {
    max-width: 140px;
    white-space: normal;
  }

  .ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon {
    height: auto;
    background: 0 0;
    border: 0;
  }

  .ant-steps-item-custom
    > .ant-steps-item-container
    > .ant-steps-item-icon
    > .ant-steps-icon {
    top: 0;
    left: 0.5px;
    width: 32px;
    height: 32px;
    font-size: 24px;
    line-height: 32px;
  }

  .ant-steps-item-custom.ant-steps-item-process
    .ant-steps-item-icon
    > .ant-steps-icon {
    color: #177ddc;
  }

  .ant-steps:not(.ant-steps-vertical)
    .ant-steps-item-custom
    .ant-steps-item-icon {
    width: auto;
    background: 0 0;
  }

  .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical)
    .ant-steps-item {
    padding-left: 12px;
  }

  .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical)
    .ant-steps-item:first-child {
    padding-left: 0;
  }

  .ant-steps-small .ant-steps-item-icon {
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    border-radius: 24px;
  }

  .ant-steps-small .ant-steps-item-title {
    padding-right: 12px;
    font-size: 14px;
    line-height: 24px;
  }

  .ant-steps-small .ant-steps-item-title::after {
    top: 12px;
  }

  .ant-steps-small .ant-steps-item-description {
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
  }

  .ant-steps-small .ant-steps-item-tail {
    top: 8px;
  }

  .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
    width: inherit;
    height: inherit;
    line-height: inherit;
    background: 0 0;
    border: 0;
    border-radius: 0;
  }

  .ant-steps-small
    .ant-steps-item-custom
    .ant-steps-item-icon
    > .ant-steps-icon {
    font-size: 24px;
    line-height: 24px;
    transform: none;
  }

  .ant-steps-vertical {
    display: flex;
    flex-direction: column;
  }

  .ant-steps-vertical > .ant-steps-item {
    display: block;
    flex: 1 0 auto;
    padding-left: 0;
    overflow: visible;
  }

  .ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
    float: left;
    margin-right: 16px;
  }

  .ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden;
  }

  .ant-steps-vertical > .ant-steps-item .ant-steps-item-title {
    line-height: 32px;
  }

  .ant-steps-vertical > .ant-steps-item .ant-steps-item-description {
    padding-bottom: 12px;
  }

  .ant-steps-vertical
    > .ant-steps-item
    > .ant-steps-item-container
    > .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 15px;
    width: 1px;
    height: 100%;
    padding: 38px 0 6px;
  }

  .ant-steps-vertical
    > .ant-steps-item
    > .ant-steps-item-container
    > .ant-steps-item-tail::after {
    width: 1px;
    height: 100%;
  }

  .ant-steps-vertical
    > .ant-steps-item:not(:last-child)
    > .ant-steps-item-container
    > .ant-steps-item-tail {
    display: block;
  }

  .ant-steps-vertical
    > .ant-steps-item
    > .ant-steps-item-container
    > .ant-steps-item-content
    > .ant-steps-item-title::after {
    display: none;
  }

  .ant-steps-vertical.ant-steps-small
    .ant-steps-item-container
    .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 11px;
    padding: 30px 0 6px;
  }

  .ant-steps-vertical.ant-steps-small
    .ant-steps-item-container
    .ant-steps-item-title {
    line-height: 24px;
  }

  .ant-steps-label-vertical .ant-steps-item {
    overflow: visible;
  }

  .ant-steps-label-vertical .ant-steps-item-tail {
    margin-left: 58px;
    padding: 3.5px 24px;
  }

  .ant-steps-label-vertical .ant-steps-item-content {
    display: block;
    width: 116px;
    margin-top: 8px;
    text-align: center;
  }

  .ant-steps-label-vertical .ant-steps-item-icon {
    display: inline-block;
    margin-left: 42px;
  }

  .ant-steps-label-vertical .ant-steps-item-title {
    padding-right: 0;
    padding-left: 0;
  }

  .ant-steps-label-vertical .ant-steps-item-title::after {
    display: none;
  }

  .ant-steps-label-vertical .ant-steps-item-subtitle {
    display: block;
    margin-bottom: 4px;
    margin-left: 0;
    line-height: 1.5715;
  }

  .ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot)
    .ant-steps-item-icon {
    margin-left: 46px;
  }

  .ant-steps-dot .ant-steps-item-title,
  .ant-steps-dot.ant-steps-small .ant-steps-item-title {
    line-height: 1.5715;
  }

  .ant-steps-dot .ant-steps-item-tail,
  .ant-steps-dot.ant-steps-small .ant-steps-item-tail {
    top: 2px;
    width: 100%;
    margin: 0 0 0 70px;
    padding: 0;
  }

  .ant-steps-dot .ant-steps-item-tail::after,
  .ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
    width: calc(100% - 20px);
    height: 3px;
    margin-left: 12px;
  }

  .ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
  .ant-steps-dot.ant-steps-small
    .ant-steps-item:first-child
    .ant-steps-icon-dot {
    left: 2px;
  }

  .ant-steps-dot .ant-steps-item-icon,
  .ant-steps-dot.ant-steps-small .ant-steps-item-icon {
    width: 8px;
    height: 8px;
    margin-left: 67px;
    padding-right: 0;
    line-height: 8px;
    background: 0 0;
    border: 0;
  }

  .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
  .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    transition: all 0.3s;
  }

  .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
  .ant-steps-dot.ant-steps-small
    .ant-steps-item-icon
    .ant-steps-icon-dot::after {
    position: absolute;
    top: -12px;
    left: -26px;
    width: 60px;
    height: 32px;
    background: rgba(0, 0, 0, 0.001);
    content: "";
  }

  .ant-steps-dot .ant-steps-item-content,
  .ant-steps-dot.ant-steps-small .ant-steps-item-content {
    width: 140px;
  }

  .ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
  .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
    position: relative;
    top: -1px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    background: 0 0;
  }

  .ant-steps-dot
    .ant-steps-item-process
    .ant-steps-icon:first-child
    .ant-steps-icon-dot,
  .ant-steps-dot.ant-steps-small
    .ant-steps-item-process
    .ant-steps-icon:first-child
    .ant-steps-icon-dot {
    left: 0;
  }

  .ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
    margin-top: 13px;
    margin-left: 0;
    background: 0 0;
  }

  .ant-steps-vertical.ant-steps-dot
    .ant-steps-item
    > .ant-steps-item-container
    > .ant-steps-item-tail {
    top: 6.5px;
    left: -9px;
    margin: 0;
    padding: 22px 0 4px;
  }

  .ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
    margin-top: 10px;
  }

  .ant-steps-vertical.ant-steps-dot.ant-steps-small
    .ant-steps-item
    > .ant-steps-item-container
    > .ant-steps-item-tail {
    top: 3.5px;
  }

  .ant-steps-vertical.ant-steps-dot
    .ant-steps-item:first-child
    .ant-steps-icon-dot {
    left: 0;
  }

  .ant-steps-vertical.ant-steps-dot .ant-steps-item-content {
    width: inherit;
  }

  .ant-steps-vertical.ant-steps-dot
    .ant-steps-item-process
    .ant-steps-item-container
    .ant-steps-item-icon
    .ant-steps-icon-dot {
    top: -1px;
    left: -1px;
  }

  .ant-steps-navigation {
    padding-top: 12px;
  }

  .ant-steps-navigation.ant-steps-small .ant-steps-item-container {
    margin-left: -12px;
  }

  .ant-steps-navigation .ant-steps-item {
    overflow: visible;
    text-align: center;
  }

  .ant-steps-navigation .ant-steps-item-container {
    display: inline-block;
    height: 100%;
    margin-left: -16px;
    padding-bottom: 12px;
    text-align: left;
    transition: opacity 0.3s;
  }

  .ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
    max-width: auto;
  }

  .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
    max-width: 100%;
    padding-right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
    display: none;
  }

  .ant-steps-navigation
    .ant-steps-item:not(.ant-steps-item-active)
    .ant-steps-item-container[role="button"] {
    cursor: pointer;
  }

  .ant-steps-navigation
    .ant-steps-item:not(.ant-steps-item-active)
    .ant-steps-item-container[role="button"]:hover {
    opacity: 0.85;
  }

  .ant-steps-navigation .ant-steps-item:last-child {
    flex: 1;
  }

  .ant-steps-navigation .ant-steps-item:last-child::after {
    display: none;
  }

  .ant-steps-navigation .ant-steps-item::after {
    position: absolute;
    top: 50%;
    left: 100%;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-top: -14px;
    margin-left: -2px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: none;
    border-left: none;
    transform: rotate(45deg);
    content: "";
  }

  .ant-steps-navigation .ant-steps-item::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: inline-block;
    width: 0;
    height: 2px;
    background-color: #177ddc;
    transition: width 0.3s, left 0.3s;
    transition-timing-function: ease-out;
    content: "";
  }

  .ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
    left: 0;
    width: 100%;
  }

  .ant-steps-navigation.ant-steps-vertical > .ant-steps-item {
    margin-right: 0 !important;
  }

  .ant-steps-navigation.ant-steps-vertical > .ant-steps-item::before {
    display: none;
  }

  .ant-steps-navigation.ant-steps-vertical
    > .ant-steps-item.ant-steps-item-active::before {
    top: 0;
    right: 0;
    left: unset;
    display: block;
    width: 3px;
    height: calc(100% - 24px);
  }

  .ant-steps-navigation.ant-steps-vertical > .ant-steps-item::after {
    position: relative;
    top: -2px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    text-align: center;
    transform: rotate(135deg);
  }

  .ant-steps-navigation.ant-steps-vertical
    > .ant-steps-item
    > .ant-steps-item-container
    > .ant-steps-item-tail {
    visibility: hidden;
  }

  .ant-steps-navigation.ant-steps-horizontal
    > .ant-steps-item
    > .ant-steps-item-container
    > .ant-steps-item-tail {
    visibility: hidden;
  }

  .ant-steps-rtl {
    direction: rtl;
  }

  .ant-steps.ant-steps-rtl .ant-steps-item-icon {
    margin-right: 0;
    margin-left: 8px;
  }

  .ant-steps-rtl .ant-steps-item-tail {
    right: 0;
    left: auto;
  }

  .ant-steps-rtl .ant-steps-item-title {
    padding-right: 0;
    padding-left: 16px;
  }

  .ant-steps-rtl .ant-steps-item-title .ant-steps-item-subtitle {
    float: left;
    margin-right: 8px;
    margin-left: 0;
  }

  .ant-steps-rtl .ant-steps-item-title::after {
    right: 100%;
    left: auto;
  }

  .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical)
    .ant-steps-item {
    padding-right: 16px;
    padding-left: 0;
  }

  .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical)
    .ant-steps-item:first-child {
    padding-right: 0;
  }

  .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical)
    .ant-steps-item:last-child
    .ant-steps-item-title {
    padding-left: 0;
  }

  .ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
    right: 0.5px;
    left: auto;
  }

  .ant-steps-rtl.ant-steps-navigation.ant-steps-small
    .ant-steps-item-container {
    margin-right: -12px;
    margin-left: 0;
  }

  .ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
    margin-right: -16px;
    margin-left: 0;
    text-align: right;
  }

  .ant-steps-rtl.ant-steps-navigation
    .ant-steps-item-container
    .ant-steps-item-title {
    padding-left: 0;
  }

  .ant-steps-rtl.ant-steps-navigation .ant-steps-item::after {
    right: 100%;
    left: auto;
    margin-right: -2px;
    margin-left: 0;
    transform: rotate(225deg);
  }

  .ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(
      .ant-steps-label-vertical
    )
    .ant-steps-item {
    padding-right: 12px;
    padding-left: 0;
  }

  .ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(
      .ant-steps-label-vertical
    )
    .ant-steps-item:first-child {
    padding-right: 0;
  }

  .ant-steps-rtl.ant-steps-small .ant-steps-item-title {
    padding-right: 0;
    padding-left: 12px;
  }

  .ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon {
    float: right;
    margin-right: 0;
    margin-left: 16px;
  }

  .ant-steps-rtl.ant-steps-vertical
    > .ant-steps-item
    > .ant-steps-item-container
    > .ant-steps-item-tail {
    right: 16px;
    left: auto;
  }

  .ant-steps-rtl.ant-steps-vertical.ant-steps-small
    .ant-steps-item-container
    .ant-steps-item-tail {
    right: 12px;
    left: auto;
  }

  .ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
    padding-left: 0;
  }

  .ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
  .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
    margin: 0 70px 0 0;
  }

  .ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,
  .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
    margin-right: 12px;
    margin-left: 0;
  }

  .ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
  .ant-steps-rtl.ant-steps-dot.ant-steps-small
    .ant-steps-item:first-child
    .ant-steps-icon-dot {
    right: 2px;
    left: auto;
  }

  .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
  .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
    margin-right: 67px;
    margin-left: 0;
  }

  .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
  .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  }

  .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
  .ant-steps-rtl.ant-steps-dot.ant-steps-small
    .ant-steps-item-icon
    .ant-steps-icon-dot {
    float: right;
  }

  .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
  .ant-steps-rtl.ant-steps-dot.ant-steps-small
    .ant-steps-item-icon
    .ant-steps-icon-dot::after {
    right: -26px;
    left: auto;
  }

  .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
    margin-right: 0;
    margin-left: 16px;
  }

  .ant-steps-rtl.ant-steps-vertical.ant-steps-dot
    .ant-steps-item
    > .ant-steps-item-container
    > .ant-steps-item-tail {
    right: -9px;
    left: auto;
  }

  .ant-steps-rtl.ant-steps-vertical.ant-steps-dot
    .ant-steps-item:first-child
    .ant-steps-icon-dot {
    right: 0;
    left: auto;
  }

  .ant-steps-rtl.ant-steps-vertical.ant-steps-dot
    .ant-steps-item-process
    .ant-steps-icon-dot {
    right: -2px;
    left: auto;
  }

  .ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item {
    padding-right: 4px;
  }

  .ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical
    > .ant-steps-item
    > .ant-steps-item-container
    > .ant-steps-item-tail {
    right: 19px;
  }

  .ant-steps-rtl.ant-steps-with-progress.ant-steps-small.ant-steps-vertical
    > .ant-steps-item
    > .ant-steps-item-container
    > .ant-steps-item-tail {
    right: 15px;
  }

  .ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal
    .ant-steps-item:first-child {
    padding-right: 4px;
    padding-left: 0;
  }

  .ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal
    .ant-steps-item:first-child.ant-steps-item-active {
    padding-right: 4px;
  }

  .ant-steps-with-progress .ant-steps-item {
    padding-top: 4px;
  }

  .ant-steps-with-progress
    .ant-steps-item
    > .ant-steps-item-container
    > .ant-steps-item-tail {
    top: 4px;
    left: 19px;
  }

  .ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child,
  .ant-steps-with-progress.ant-steps-small.ant-steps-horizontal
    .ant-steps-item:first-child {
    padding-bottom: 4px;
    padding-left: 4px;
  }

  .ant-steps-with-progress.ant-steps-small
    > .ant-steps-item
    > .ant-steps-item-container
    > .ant-steps-item-tail {
    left: 15px;
  }

  .ant-steps-with-progress.ant-steps-vertical .ant-steps-item {
    padding-left: 4px;
  }

  .ant-steps-with-progress.ant-steps-label-vertical
    .ant-steps-item
    .ant-steps-item-tail {
    top: 14px !important;
  }

  .ant-steps-with-progress .ant-steps-item-icon {
    position: relative;
  }

  .ant-steps-with-progress .ant-steps-item-icon .ant-progress {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
  }

  .ant-switch {
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 44px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    background-color: rgba(255, 255, 255, 0.3);
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-switch:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
  }

  .ant-switch-checked:focus {
    box-shadow: 0 0 0 2px #111b26;
  }

  .ant-switch:focus:hover {
    box-shadow: none;
  }

  .ant-switch-checked {
    background-color: #177ddc;
  }

  .ant-switch-loading,
  .ant-switch-disabled {
    cursor: not-allowed;
    opacity: 0.4;
  }

  .ant-switch-loading *,
  .ant-switch-disabled * {
    box-shadow: none;
    cursor: not-allowed;
  }

  .ant-switch-inner {
    display: block;
    margin: 0 7px 0 25px;
    color: #fff;
    font-size: 12px;
    transition: margin 0.2s;
  }

  .ant-switch-checked .ant-switch-inner {
    margin: 0 25px 0 7px;
  }

  .ant-switch-handle {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    transition: all 0.2s ease-in-out;
  }

  .ant-switch-handle::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border-radius: 9px;
    box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
    transition: all 0.2s ease-in-out;
    content: "";
  }

  .ant-switch-checked .ant-switch-handle {
    left: calc(100% - 18px - 2px);
  }

  .ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before {
    right: -30%;
    left: 0;
  }

  .ant-switch:not(.ant-switch-disabled):active.ant-switch-checked
    .ant-switch-handle::before {
    right: 0;
    left: -30%;
  }

  .ant-switch-loading-icon.anticon {
    position: relative;
    top: 2px;
    color: rgba(0, 0, 0, 0.65);
    vertical-align: top;
  }

  .ant-switch-checked .ant-switch-loading-icon {
    color: #177ddc;
  }

  .ant-switch-small {
    min-width: 28px;
    height: 16px;
    line-height: 16px;
  }

  .ant-switch-small .ant-switch-inner {
    margin: 0 5px 0 18px;
    font-size: 12px;
  }

  .ant-switch-small .ant-switch-handle {
    width: 12px;
    height: 12px;
  }

  .ant-switch-small .ant-switch-loading-icon {
    top: 1.5px;
    font-size: 9px;
  }

  .ant-switch-small.ant-switch-checked .ant-switch-inner {
    margin: 0 18px 0 5px;
  }

  .ant-switch-small.ant-switch-checked .ant-switch-handle {
    left: calc(100% - 12px - 2px);
  }

  .ant-switch-rtl {
    direction: rtl;
  }

  .ant-switch-rtl .ant-switch-inner {
    margin: 0 25px 0 7px;
  }

  .ant-switch-rtl .ant-switch-handle {
    right: 2px;
    left: auto;
  }

  .ant-switch-rtl:not(.ant-switch-rtl-disabled):active
    .ant-switch-handle::before {
    right: 0;
    left: -30%;
  }

  .ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked
    .ant-switch-handle::before {
    right: -30%;
    left: 0;
  }

  .ant-switch-rtl.ant-switch-checked .ant-switch-inner {
    margin: 0 7px 0 25px;
  }

  .ant-switch-rtl.ant-switch-checked .ant-switch-handle {
    right: calc(100% - 18px - 2px);
  }

  .ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
    right: calc(100% - 12px - 2px);
  }

  .ant-table.ant-table-middle {
    font-size: 14px;
  }

  .ant-table.ant-table-middle .ant-table-title,
  .ant-table.ant-table-middle .ant-table-footer,
  .ant-table.ant-table-middle .ant-table-thead > tr > th,
  .ant-table.ant-table-middle .ant-table-tbody > tr > td,
  .ant-table.ant-table-middle tfoot > tr > th,
  .ant-table.ant-table-middle tfoot > tr > td {
    padding: 12px 8px;
  }

  .ant-table.ant-table-middle .ant-table-filter-trigger {
    margin-right: -4px;
  }

  .ant-table.ant-table-middle .ant-table-expanded-row-fixed {
    margin: -12px -8px;
  }

  .ant-table.ant-table-middle
    .ant-table-tbody
    .ant-table-wrapper:only-child
    .ant-table {
    margin: -12px -8px -12px 40px;
  }

  .ant-table.ant-table-middle .ant-table-selection-column {
    padding-inline-start: 2px;
  }

  .ant-table.ant-table-small {
    font-size: 14px;
  }

  .ant-table.ant-table-small .ant-table-title,
  .ant-table.ant-table-small .ant-table-footer,
  .ant-table.ant-table-small .ant-table-thead > tr > th,
  .ant-table.ant-table-small .ant-table-tbody > tr > td,
  .ant-table.ant-table-small tfoot > tr > th,
  .ant-table.ant-table-small tfoot > tr > td {
    padding: 8px;
  }

  .ant-table.ant-table-small .ant-table-filter-trigger {
    margin-right: -4px;
  }

  .ant-table.ant-table-small .ant-table-expanded-row-fixed {
    margin: -8px;
  }

  .ant-table.ant-table-small
    .ant-table-tbody
    .ant-table-wrapper:only-child
    .ant-table {
    margin: -8px -8px -8px 40px;
  }

  .ant-table.ant-table-small .ant-table-selection-column {
    padding-inline-start: 2px;
  }

  .ant-table.ant-table-bordered > .ant-table-title {
    border: 1px solid #303030;
    border-bottom: 0;
  }

  .ant-table.ant-table-bordered > .ant-table-container {
    border-left: 1px solid #303030;
  }

  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > thead
    > tr
    > th,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-header
    > table
    > thead
    > tr
    > th,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-body
    > table
    > thead
    > tr
    > th,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-summary
    > table
    > thead
    > tr
    > th,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > tbody
    > tr
    > td,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-header
    > table
    > tbody
    > tr
    > td,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-body
    > table
    > tbody
    > tr
    > td,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-summary
    > table
    > tbody
    > tr
    > td,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > tfoot
    > tr
    > th,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-header
    > table
    > tfoot
    > tr
    > th,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-body
    > table
    > tfoot
    > tr
    > th,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-summary
    > table
    > tfoot
    > tr
    > th,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > tfoot
    > tr
    > td,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-header
    > table
    > tfoot
    > tr
    > td,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-body
    > table
    > tfoot
    > tr
    > td,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-summary
    > table
    > tfoot
    > tr
    > td {
    border-right: 1px solid #303030;
  }

  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > thead
    > tr:not(:last-child)
    > th,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-header
    > table
    > thead
    > tr:not(:last-child)
    > th,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-body
    > table
    > thead
    > tr:not(:last-child)
    > th,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-summary
    > table
    > thead
    > tr:not(:last-child)
    > th {
    border-bottom: 1px solid #303030;
  }

  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > thead
    > tr
    > th::before,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-header
    > table
    > thead
    > tr
    > th::before,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-body
    > table
    > thead
    > tr
    > th::before,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-summary
    > table
    > thead
    > tr
    > th::before {
    background-color: transparent !important;
  }

  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > thead
    > tr
    > .ant-table-cell-fix-right-first::after,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-header
    > table
    > thead
    > tr
    > .ant-table-cell-fix-right-first::after,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-body
    > table
    > thead
    > tr
    > .ant-table-cell-fix-right-first::after,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-summary
    > table
    > thead
    > tr
    > .ant-table-cell-fix-right-first::after,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > tbody
    > tr
    > .ant-table-cell-fix-right-first::after,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-header
    > table
    > tbody
    > tr
    > .ant-table-cell-fix-right-first::after,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-body
    > table
    > tbody
    > tr
    > .ant-table-cell-fix-right-first::after,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-summary
    > table
    > tbody
    > tr
    > .ant-table-cell-fix-right-first::after,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > tfoot
    > tr
    > .ant-table-cell-fix-right-first::after,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-header
    > table
    > tfoot
    > tr
    > .ant-table-cell-fix-right-first::after,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-body
    > table
    > tfoot
    > tr
    > .ant-table-cell-fix-right-first::after,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-summary
    > table
    > tfoot
    > tr
    > .ant-table-cell-fix-right-first::after {
    border-right: 1px solid #303030;
  }

  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > tbody
    > tr
    > td
    > .ant-table-expanded-row-fixed,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-header
    > table
    > tbody
    > tr
    > td
    > .ant-table-expanded-row-fixed,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-body
    > table
    > tbody
    > tr
    > td
    > .ant-table-expanded-row-fixed,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-summary
    > table
    > tbody
    > tr
    > td
    > .ant-table-expanded-row-fixed {
    margin: -16px -17px;
  }

  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table
    > tbody
    > tr
    > td
    > .ant-table-expanded-row-fixed::after,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-header
    > table
    > tbody
    > tr
    > td
    > .ant-table-expanded-row-fixed::after,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-body
    > table
    > tbody
    > tr
    > td
    > .ant-table-expanded-row-fixed::after,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-summary
    > table
    > tbody
    > tr
    > td
    > .ant-table-expanded-row-fixed::after {
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 0;
    border-right: 1px solid #303030;
    content: "";
  }

  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-content
    > table,
  .ant-table.ant-table-bordered
    > .ant-table-container
    > .ant-table-header
    > table {
    border-top: 1px solid #303030;
  }

  .ant-table.ant-table-bordered.ant-table-scroll-horizontal
    > .ant-table-container
    > .ant-table-body
    > table
    > tbody
    > tr.ant-table-expanded-row
    > td,
  .ant-table.ant-table-bordered.ant-table-scroll-horizontal
    > .ant-table-container
    > .ant-table-body
    > table
    > tbody
    > tr.ant-table-placeholder
    > td {
    border-right: 0;
  }

  .ant-table.ant-table-bordered.ant-table-middle
    > .ant-table-container
    > .ant-table-content
    > table
    > tbody
    > tr
    > td
    > .ant-table-expanded-row-fixed,
  .ant-table.ant-table-bordered.ant-table-middle
    > .ant-table-container
    > .ant-table-body
    > table
    > tbody
    > tr
    > td
    > .ant-table-expanded-row-fixed {
    margin: -12px -9px;
  }

  .ant-table.ant-table-bordered.ant-table-small
    > .ant-table-container
    > .ant-table-content
    > table
    > tbody
    > tr
    > td
    > .ant-table-expanded-row-fixed,
  .ant-table.ant-table-bordered.ant-table-small
    > .ant-table-container
    > .ant-table-body
    > table
    > tbody
    > tr
    > td
    > .ant-table-expanded-row-fixed {
    margin: -8px -9px;
  }

  .ant-table.ant-table-bordered > .ant-table-footer {
    border: 1px solid #303030;
    border-top: 0;
  }

  .ant-table-cell .ant-table-container:first-child {
    border-top: 0;
  }

  .ant-table-cell-scrollbar:not([rowspan]) {
    box-shadow: 0 1px 0 1px #1d1d1d;
  }

  .ant-table-wrapper {
    clear: both;
    max-width: 100%;
  }

  .ant-table-wrapper::before {
    display: table;
    content: "";
  }

  .ant-table-wrapper::after {
    display: table;
    clear: both;
    content: "";
  }

  .ant-table {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    font-size: 14px;
    background: #141414;
    border-radius: 2px;
  }

  .ant-table table {
    width: 100%;
    text-align: left;
    border-radius: 2px 2px 0 0;
    border-collapse: separate;
    border-spacing: 0;
  }

  .ant-table-thead > tr > th,
  .ant-table-tbody > tr > td,
  .ant-table tfoot > tr > th,
  .ant-table tfoot > tr > td {
    position: relative;
    padding: 16px;
    overflow-wrap: break-word;
  }

  .ant-table-cell-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
  }

  .ant-table-cell-ellipsis.ant-table-cell-fix-left-last,
  .ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
    overflow: visible;
  }

  .ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,
  .ant-table-cell-ellipsis.ant-table-cell-fix-right-first
    .ant-table-cell-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .ant-table-cell-ellipsis .ant-table-column-title {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
  }

  .ant-table-title {
    padding: 16px;
  }

  .ant-table-footer {
    padding: 16px;
    color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.04);
  }

  .ant-table-thead > tr > th {
    position: relative;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
    text-align: left;
    background: #1d1d1d;
    border-bottom: 1px solid #303030;
    transition: background 0.3s ease;
  }

  .ant-table-thead > tr > th[colspan]:not([colspan="1"]) {
    text-align: center;
  }

  .ant-table-thead
    > tr
    > th:not(:last-child):not(.ant-table-selection-column):not(
      .ant-table-row-expand-icon-cell
    ):not([colspan])::before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 1.6em;
    background-color: rgba(255, 255, 255, 0.08);
    transform: translateY(-50%);
    transition: background-color 0.3s;
    content: "";
  }

  .ant-table-thead > tr:not(:last-child) > th[colspan] {
    border-bottom: 0;
  }

  .ant-table-tbody > tr > td {
    border-bottom: 1px solid #303030;
    transition: background 0.3s;
  }

  .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
  .ant-table-tbody
    > tr
    > td
    > .ant-table-expanded-row-fixed
    > .ant-table-wrapper:only-child
    .ant-table {
    margin: -16px -16px -16px 32px;
  }

  .ant-table-tbody
    > tr
    > td
    > .ant-table-wrapper:only-child
    .ant-table-tbody
    > tr:last-child
    > td,
  .ant-table-tbody
    > tr
    > td
    > .ant-table-expanded-row-fixed
    > .ant-table-wrapper:only-child
    .ant-table-tbody
    > tr:last-child
    > td {
    border-bottom: 0;
  }

  .ant-table-tbody
    > tr
    > td
    > .ant-table-wrapper:only-child
    .ant-table-tbody
    > tr:last-child
    > td:first-child,
  .ant-table-tbody
    > tr
    > td
    > .ant-table-expanded-row-fixed
    > .ant-table-wrapper:only-child
    .ant-table-tbody
    > tr:last-child
    > td:first-child,
  .ant-table-tbody
    > tr
    > td
    > .ant-table-wrapper:only-child
    .ant-table-tbody
    > tr:last-child
    > td:last-child,
  .ant-table-tbody
    > tr
    > td
    > .ant-table-expanded-row-fixed
    > .ant-table-wrapper:only-child
    .ant-table-tbody
    > tr:last-child
    > td:last-child {
    border-radius: 0;
  }

  .ant-table-tbody > tr.ant-table-row:hover > td,
  .ant-table-tbody > tr > td.ant-table-cell-row-hover {
    background: #262626;
  }

  .ant-table-tbody > tr.ant-table-row-selected > td {
    background: #111b26;
    border-color: rgba(0, 0, 0, 0.03);
  }

  .ant-table-tbody > tr.ant-table-row-selected:hover > td {
    background: #0e161f;
  }

  .ant-table-summary {
    position: relative;
    z-index: 2;
    background: #141414;
  }

  div.ant-table-summary {
    box-shadow: 0 -1px 0 #303030;
  }

  .ant-table-summary > tr > th,
  .ant-table-summary > tr > td {
    border-bottom: 1px solid #303030;
  }

  .ant-table-pagination.ant-pagination {
    margin: 16px 0;
  }

  .ant-table-pagination {
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;
  }

  .ant-table-pagination > * {
    flex: none;
  }

  .ant-table-pagination-left {
    justify-content: flex-start;
  }

  .ant-table-pagination-center {
    justify-content: center;
  }

  .ant-table-pagination-right {
    justify-content: flex-end;
  }

  .ant-table-thead th.ant-table-column-has-sorters {
    outline: none;
    cursor: pointer;
    transition: all 0.3s;
  }

  .ant-table-thead th.ant-table-column-has-sorters:hover {
    background: #303030;
  }

  .ant-table-thead th.ant-table-column-has-sorters:hover::before {
    background-color: transparent !important;
  }

  .ant-table-thead th.ant-table-column-has-sorters:focus-visible {
    color: #177ddc;
  }

  .ant-table-thead
    th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
  .ant-table-thead
    th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
    background: #222;
  }

  .ant-table-thead th.ant-table-column-sort {
    background: #262626;
  }

  .ant-table-thead th.ant-table-column-sort::before {
    background-color: transparent !important;
  }

  td.ant-table-column-sort {
    background: rgba(255, 255, 255, 0.01);
  }

  .ant-table-column-title {
    position: relative;
    z-index: 1;
    flex: 1;
  }

  .ant-table-column-sorters {
    display: flex;
    flex: auto;
    align-items: center;
    justify-content: space-between;
  }

  .ant-table-column-sorters::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
  }

  .ant-table-column-sorter {
    margin-left: 4px;
    color: #bfbfbf;
    font-size: 0;
    transition: color 0.3s;
  }

  .ant-table-column-sorter-inner {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
  }

  .ant-table-column-sorter-up,
  .ant-table-column-sorter-down {
    font-size: 11px;
  }

  .ant-table-column-sorter-up.active,
  .ant-table-column-sorter-down.active {
    color: #177ddc;
  }

  .ant-table-column-sorter-up + .ant-table-column-sorter-down {
    margin-top: -0.3em;
  }

  .ant-table-column-sorters:hover .ant-table-column-sorter {
    color: #a6a6a6;
  }

  .ant-table-filter-column {
    display: flex;
    justify-content: space-between;
  }

  .ant-table-filter-trigger {
    position: relative;
    display: flex;
    align-items: center;
    margin: -4px -8px -4px 4px;
    padding: 0 4px;
    color: #bfbfbf;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s;
  }

  .ant-table-filter-trigger:hover {
    color: rgba(255, 255, 255, 0.45);
    background: #434343;
  }

  .ant-table-filter-trigger.active {
    color: #177ddc;
  }

  .ant-table-filter-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    min-width: 120px;
    background-color: #1f1f1f;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  }

  .ant-table-filter-dropdown .ant-dropdown-menu {
    max-height: 264px;
    overflow-x: hidden;
    border: 0;
    box-shadow: none;
  }

  .ant-table-filter-dropdown .ant-dropdown-menu:empty::after {
    display: block;
    padding: 8px 0;
    color: rgba(255, 255, 255, 0.3);
    font-size: 12px;
    text-align: center;
    content: "Not Found";
  }

  .ant-table-filter-dropdown-tree {
    padding: 8px 8px 0;
  }

  .ant-table-filter-dropdown-tree
    .ant-tree-treenode
    .ant-tree-node-content-wrapper:hover {
    background-color: rgba(255, 255, 255, 0.08);
  }

  .ant-table-filter-dropdown-tree
    .ant-tree-treenode-checkbox-checked
    .ant-tree-node-content-wrapper,
  .ant-table-filter-dropdown-tree
    .ant-tree-treenode-checkbox-checked
    .ant-tree-node-content-wrapper:hover {
    background-color: #11263c;
  }

  .ant-table-filter-dropdown-search {
    padding: 8px;
    border-bottom: 1px #303030 solid;
  }

  .ant-table-filter-dropdown-search-input input {
    min-width: 140px;
  }

  .ant-table-filter-dropdown-search-input .anticon {
    color: rgba(255, 255, 255, 0.3);
  }

  .ant-table-filter-dropdown-checkall {
    width: 100%;
    margin-bottom: 4px;
    margin-left: 4px;
  }

  .ant-table-filter-dropdown-submenu > ul {
    max-height: calc(100vh - 130px);
    overflow-x: hidden;
    overflow-y: auto;
  }

  .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
  .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
    padding-left: 8px;
  }

  .ant-table-filter-dropdown-btns {
    display: flex;
    justify-content: space-between;
    padding: 7px 8px;
    overflow: hidden;
    background-color: #1f1f1f;
    border-top: 1px solid #303030;
  }

  .ant-table-selection-col {
    width: 32px;
  }

  .ant-table-bordered .ant-table-selection-col {
    width: 50px;
  }

  table tr th.ant-table-selection-column,
  table tr td.ant-table-selection-column {
    padding-right: 8px;
    padding-left: 8px;
    text-align: center;
  }

  table tr th.ant-table-selection-column .ant-radio-wrapper,
  table tr td.ant-table-selection-column .ant-radio-wrapper {
    margin-right: 0;
  }

  table tr th.ant-table-selection-column.ant-table-cell-fix-left {
    z-index: 3;
  }

  table tr th.ant-table-selection-column::after {
    background-color: transparent !important;
  }

  .ant-table-selection {
    position: relative;
    display: inline-flex;
    flex-direction: column;
  }

  .ant-table-selection-extra {
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    transition: all 0.3s;
    margin-inline-start: 100%;
    padding-inline-start: 4px;
  }

  .ant-table-selection-extra .anticon {
    color: #bfbfbf;
    font-size: 10px;
  }

  .ant-table-selection-extra .anticon:hover {
    color: #a6a6a6;
  }

  .ant-table-expand-icon-col {
    width: 48px;
  }

  .ant-table-row-expand-icon-cell {
    text-align: center;
  }

  .ant-table-row-expand-icon-cell .ant-table-row-expand-icon {
    display: inline-flex;
    float: none;
    vertical-align: sub;
  }

  .ant-table-row-indent {
    float: left;
    height: 1px;
  }

  .ant-table-row-expand-icon {
    color: #177ddc;
    outline: none;
    cursor: pointer;
    transition: color 0.3s;
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 17px;
    height: 17px;
    padding: 0;
    color: inherit;
    line-height: 17px;
    background: 0 0;
    border: 1px solid #303030;
    border-radius: 2px;
    transform: scale(0.94117647);
    transition: all 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-table-row-expand-icon:focus-visible,
  .ant-table-row-expand-icon:hover {
    color: #165996;
  }

  .ant-table-row-expand-icon:active {
    color: #388ed3;
  }

  .ant-table-row-expand-icon:focus,
  .ant-table-row-expand-icon:hover,
  .ant-table-row-expand-icon:active {
    border-color: currentcolor;
  }

  .ant-table-row-expand-icon::before,
  .ant-table-row-expand-icon::after {
    position: absolute;
    background: currentcolor;
    transition: transform 0.3s ease-out;
    content: "";
  }

  .ant-table-row-expand-icon::before {
    top: 7px;
    right: 3px;
    left: 3px;
    height: 1px;
  }

  .ant-table-row-expand-icon::after {
    top: 3px;
    bottom: 3px;
    left: 7px;
    width: 1px;
    transform: rotate(90deg);
  }

  .ant-table-row-expand-icon-collapsed::before {
    transform: rotate(-180deg);
  }

  .ant-table-row-expand-icon-collapsed::after {
    transform: rotate(0deg);
  }

  .ant-table-row-expand-icon-spaced {
    background: 0 0;
    border: 0;
    visibility: hidden;
  }

  .ant-table-row-expand-icon-spaced::before,
  .ant-table-row-expand-icon-spaced::after {
    display: none;
    content: none;
  }

  .ant-table-row-indent + .ant-table-row-expand-icon {
    margin-top: 2.5005px;
    margin-right: 8px;
  }

  tr.ant-table-expanded-row > td,
  tr.ant-table-expanded-row:hover > td {
    background: #1d1d1d;
  }

  tr.ant-table-expanded-row .ant-descriptions-view {
    display: flex;
  }

  tr.ant-table-expanded-row .ant-descriptions-view table {
    flex: auto;
    width: auto;
  }

  .ant-table .ant-table-expanded-row-fixed {
    position: relative;
    margin: -16px;
    padding: 16px;
  }

  .ant-table-tbody > tr.ant-table-placeholder {
    text-align: center;
  }

  .ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
    color: rgba(255, 255, 255, 0.3);
  }

  .ant-table-tbody > tr.ant-table-placeholder:hover > td {
    background: #141414;
  }

  .ant-table-cell-fix-left,
  .ant-table-cell-fix-right {
    position: sticky !important;
    z-index: 2;
    background: #141414;
  }

  .ant-table-cell-fix-left-first::after,
  .ant-table-cell-fix-left-last::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    width: 30px;
    transform: translateX(100%);
    transition: box-shadow 0.3s;
    content: "";
    pointer-events: none;
  }

  .ant-table-cell-fix-left-all::after {
    display: none;
  }

  .ant-table-cell-fix-right-first::after,
  .ant-table-cell-fix-right-last::after {
    position: absolute;
    top: 0;
    bottom: -1px;
    left: 0;
    width: 30px;
    transform: translateX(-100%);
    transition: box-shadow 0.3s;
    content: "";
    pointer-events: none;
  }

  .ant-table .ant-table-container::before,
  .ant-table .ant-table-container::after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: calc(calc(2 + 1) + 1);
    width: 30px;
    transition: box-shadow 0.3s;
    content: "";
    pointer-events: none;
  }

  .ant-table .ant-table-container::before {
    left: 0;
  }

  .ant-table .ant-table-container::after {
    right: 0;
  }

  .ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container {
    position: relative;
  }

  .ant-table-ping-left:not(.ant-table-has-fix-left)
    > .ant-table-container::before {
    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.45);
  }

  .ant-table-ping-left .ant-table-cell-fix-left-first::after,
  .ant-table-ping-left .ant-table-cell-fix-left-last::after {
    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.45);
  }

  .ant-table-ping-left .ant-table-cell-fix-left-last::before {
    background-color: transparent !important;
  }

  .ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container {
    position: relative;
  }

  .ant-table-ping-right:not(.ant-table-has-fix-right)
    > .ant-table-container::after {
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.45);
  }

  .ant-table-ping-right .ant-table-cell-fix-right-first::after,
  .ant-table-ping-right .ant-table-cell-fix-right-last::after {
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.45);
  }

  .ant-table-sticky-holder {
    position: sticky;
    z-index: calc(2 + 1);
    background: #141414;
  }

  .ant-table-sticky-scroll {
    position: sticky;
    bottom: 0;
    z-index: calc(2 + 1);
    display: flex;
    align-items: center;
    background: #fcfcfc;
    border-top: 1px solid #303030;
    opacity: 0.6;
  }

  .ant-table-sticky-scroll:hover {
    transform-origin: center bottom;
  }

  .ant-table-sticky-scroll-bar {
    height: 8px;
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
  }

  .ant-table-sticky-scroll-bar:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

  .ant-table-sticky-scroll-bar-active {
    background-color: rgba(0, 0, 0, 0.8);
  }

  @media all and (-ms-high-contrast: none) {
    .ant-table-ping-left .ant-table-cell-fix-left-last::after {
      box-shadow: none !important;
    }

    .ant-table-ping-right .ant-table-cell-fix-right-first::after {
      box-shadow: none !important;
    }
  }

  .ant-table {
  }

  .ant-table-title {
    border-radius: 2px 2px 0 0;
  }

  .ant-table-title + .ant-table-container {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .ant-table-title + .ant-table-container table {
    border-radius: 0;
  }

  .ant-table-title
    + .ant-table-container
    table
    > thead
    > tr:first-child
    th:first-child {
    border-radius: 0;
  }

  .ant-table-title
    + .ant-table-container
    table
    > thead
    > tr:first-child
    th:last-child {
    border-radius: 0;
  }

  .ant-table-container {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }

  .ant-table-container table > thead > tr:first-child th:first-child {
    border-top-left-radius: 2px;
  }

  .ant-table-container table > thead > tr:first-child th:last-child {
    border-top-right-radius: 2px;
  }

  .ant-table-footer {
    border-radius: 0 0 2px 2px;
  }

  .ant-table-wrapper-rtl {
    direction: rtl;
  }

  .ant-table-rtl {
    direction: rtl;
  }

  .ant-table-wrapper-rtl .ant-table table {
    text-align: right;
  }

  .ant-table-wrapper-rtl
    .ant-table-thead
    > tr
    > th[colspan]:not([colspan="1"]) {
    text-align: center;
  }

  .ant-table-wrapper-rtl
    .ant-table-thead
    > tr
    > th:not(:last-child):not(.ant-table-selection-column):not(
      .ant-table-row-expand-icon-cell
    ):not([colspan])::before {
    right: auto;
    left: 0;
  }

  .ant-table-wrapper-rtl .ant-table-thead > tr > th {
    text-align: right;
  }

  .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
    margin: -16px 33px -16px -16px;
  }

  .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
    justify-content: flex-end;
  }

  .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
    justify-content: flex-start;
  }

  .ant-table-wrapper-rtl .ant-table-column-sorter {
    margin-right: 4px;
    margin-left: 0;
  }

  .ant-table-wrapper-rtl .ant-table-filter-column-title {
    padding: 16px 16px 16px 2.3em;
  }

  .ant-table-rtl
    .ant-table-thead
    tr
    th.ant-table-column-has-sorters
    .ant-table-filter-column-title {
    padding: 0 0 0 2.3em;
  }

  .ant-table-wrapper-rtl .ant-table-filter-trigger {
    margin: -4px 4px -4px -8px;
  }

  .ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
  .ant-dropdown-rtl
    .ant-table-filter-dropdown-submenu
    .ant-checkbox-wrapper
    + span,
  .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown
    .ant-checkbox-wrapper
    + span,
  .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu
    .ant-checkbox-wrapper
    + span {
    padding-right: 8px;
    padding-left: 0;
  }

  .ant-table-wrapper-rtl .ant-table-selection {
    text-align: center;
  }

  .ant-table-wrapper-rtl .ant-table-row-indent {
    float: right;
  }

  .ant-table-wrapper-rtl .ant-table-row-expand-icon {
    float: right;
  }

  .ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon {
    margin-right: 0;
    margin-left: 8px;
  }

  .ant-table-wrapper-rtl .ant-table-row-expand-icon::after {
    transform: rotate(-90deg);
  }

  .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before {
    transform: rotate(180deg);
  }

  .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after {
    transform: rotate(0deg);
  }

  .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
    padding: 8px 0;
    font-size: 14px;
  }

  .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
    padding: 16px 0;
    font-size: 16px;
  }

  .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
    padding: 6px 16px;
  }

  .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
    padding: 7px 16px 6px;
  }

  .ant-tabs-rtl {
    direction: rtl;
  }

  .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
    margin: 0 0 0 32px;
  }

  .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
    margin-left: 0;
  }

  .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
    margin-right: 0;
    margin-left: 12px;
  }

  .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
    margin-right: 8px;
    margin-left: -4px;
  }

  .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
    margin: 0;
  }

  .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
    order: 1;
  }

  .ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
    order: 0;
  }

  .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
    order: 0;
  }

  .ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
    order: 1;
  }

  .ant-tabs-rtl.ant-tabs-card.ant-tabs-top
    > .ant-tabs-nav
    .ant-tabs-tab
    + .ant-tabs-tab,
  .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom
    > .ant-tabs-nav
    .ant-tabs-tab
    + .ant-tabs-tab,
  .ant-tabs-rtl.ant-tabs-card.ant-tabs-top
    > div
    > .ant-tabs-nav
    .ant-tabs-tab
    + .ant-tabs-tab,
  .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom
    > div
    > .ant-tabs-nav
    .ant-tabs-tab
    + .ant-tabs-tab {
    margin-right: 2px;
    margin-left: 0;
  }

  .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add,
  .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add,
  .ant-tabs-rtl.ant-tabs-card.ant-tabs-top
    > div
    > .ant-tabs-nav
    .ant-tabs-nav-add,
  .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom
    > div
    > .ant-tabs-nav
    .ant-tabs-nav-add {
    margin-right: 2px;
    margin-left: 0;
  }

  .ant-tabs-dropdown-rtl {
    direction: rtl;
  }

  .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
    text-align: right;
  }

  .ant-tabs-top,
  .ant-tabs-bottom {
    flex-direction: column;
  }

  .ant-tabs-top > .ant-tabs-nav,
  .ant-tabs-bottom > .ant-tabs-nav,
  .ant-tabs-top > div > .ant-tabs-nav,
  .ant-tabs-bottom > div > .ant-tabs-nav {
    margin: 0 0 16px;
  }

  .ant-tabs-top > .ant-tabs-nav::before,
  .ant-tabs-bottom > .ant-tabs-nav::before,
  .ant-tabs-top > div > .ant-tabs-nav::before,
  .ant-tabs-bottom > div > .ant-tabs-nav::before {
    position: absolute;
    right: 0;
    left: 0;
    border-bottom: 1px solid #303030;
    content: "";
  }

  .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
  .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
  .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
  .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
    height: 2px;
  }

  .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
  .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
  .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
  .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
    transition: width 0.3s, left 0.3s, right 0.3s;
  }

  .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
    top: 0;
    bottom: 0;
    width: 30px;
  }

  .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
    left: 0;
    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
  }

  .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
    right: 0;
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
  }

  .ant-tabs-top
    > .ant-tabs-nav
    .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
  .ant-tabs-bottom
    > .ant-tabs-nav
    .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
  .ant-tabs-top
    > div
    > .ant-tabs-nav
    .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
  .ant-tabs-bottom
    > div
    > .ant-tabs-nav
    .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
    opacity: 1;
  }

  .ant-tabs-top
    > .ant-tabs-nav
    .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
  .ant-tabs-bottom
    > .ant-tabs-nav
    .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
  .ant-tabs-top
    > div
    > .ant-tabs-nav
    .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
  .ant-tabs-bottom
    > div
    > .ant-tabs-nav
    .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
    opacity: 1;
  }

  .ant-tabs-top > .ant-tabs-nav::before,
  .ant-tabs-top > div > .ant-tabs-nav::before {
    bottom: 0;
  }

  .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
  .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
    bottom: 0;
  }

  .ant-tabs-bottom > .ant-tabs-nav,
  .ant-tabs-bottom > div > .ant-tabs-nav {
    order: 1;
    margin-top: 16px;
    margin-bottom: 0;
  }

  .ant-tabs-bottom > .ant-tabs-nav::before,
  .ant-tabs-bottom > div > .ant-tabs-nav::before {
    top: 0;
  }

  .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
  .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
    top: 0;
  }

  .ant-tabs-bottom > .ant-tabs-content-holder,
  .ant-tabs-bottom > div > .ant-tabs-content-holder {
    order: 0;
  }

  .ant-tabs-left > .ant-tabs-nav,
  .ant-tabs-right > .ant-tabs-nav,
  .ant-tabs-left > div > .ant-tabs-nav,
  .ant-tabs-right > div > .ant-tabs-nav {
    flex-direction: column;
    min-width: 50px;
  }

  .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
  .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
  .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
  .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
    padding: 8px 24px;
    text-align: center;
  }

  .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
    margin: 16px 0 0;
  }

  .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
  .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
  .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
  .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
    flex-direction: column;
  }

  .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
    right: 0;
    left: 0;
    height: 30px;
  }

  .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
    top: 0;
    box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
  }

  .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
    bottom: 0;
    box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
  }

  .ant-tabs-left
    > .ant-tabs-nav
    .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
  .ant-tabs-right
    > .ant-tabs-nav
    .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
  .ant-tabs-left
    > div
    > .ant-tabs-nav
    .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
  .ant-tabs-right
    > div
    > .ant-tabs-nav
    .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
    opacity: 1;
  }

  .ant-tabs-left
    > .ant-tabs-nav
    .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
  .ant-tabs-right
    > .ant-tabs-nav
    .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
  .ant-tabs-left
    > div
    > .ant-tabs-nav
    .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
  .ant-tabs-right
    > div
    > .ant-tabs-nav
    .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
    opacity: 1;
  }

  .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
  .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
  .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
  .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
    width: 2px;
  }

  .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
  .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
  .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
  .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
    transition: height 0.3s, top 0.3s;
  }

  .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
  .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
  .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
  .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
  .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
  .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
  .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
  .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
    flex: 1 0 auto;
    flex-direction: column;
  }

  .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
  .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
    right: 0;
  }

  .ant-tabs-left > .ant-tabs-content-holder,
  .ant-tabs-left > div > .ant-tabs-content-holder {
    margin-left: -1px;
    border-left: 1px solid #303030;
  }

  .ant-tabs-left
    > .ant-tabs-content-holder
    > .ant-tabs-content
    > .ant-tabs-tabpane,
  .ant-tabs-left
    > div
    > .ant-tabs-content-holder
    > .ant-tabs-content
    > .ant-tabs-tabpane {
    padding-left: 24px;
  }

  .ant-tabs-right > .ant-tabs-nav,
  .ant-tabs-right > div > .ant-tabs-nav {
    order: 1;
  }

  .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
  .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
    left: 0;
  }

  .ant-tabs-right > .ant-tabs-content-holder,
  .ant-tabs-right > div > .ant-tabs-content-holder {
    order: 0;
    margin-right: -1px;
    border-right: 1px solid #303030;
  }

  .ant-tabs-right
    > .ant-tabs-content-holder
    > .ant-tabs-content
    > .ant-tabs-tabpane,
  .ant-tabs-right
    > div
    > .ant-tabs-content-holder
    > .ant-tabs-content
    > .ant-tabs-tabpane {
    padding-right: 24px;
  }

  .ant-tabs-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050;
    display: block;
  }

  .ant-tabs-dropdown-hidden {
    display: none;
  }

  .ant-tabs-dropdown-menu {
    max-height: 200px;
    margin: 0;
    padding: 4px 0;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
    list-style-type: none;
    background-color: #1f1f1f;
    background-clip: padding-box;
    border-radius: 2px;
    outline: none;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  }

  .ant-tabs-dropdown-menu-item {
    display: flex;
    align-items: center;
    min-width: 120px;
    margin: 0;
    padding: 5px 12px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: all 0.3s;
  }

  .ant-tabs-dropdown-menu-item > span {
    flex: 1;
    white-space: nowrap;
  }

  .ant-tabs-dropdown-menu-item-remove {
    flex: none;
    margin-left: 12px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 12px;
    background: 0 0;
    border: 0;
    cursor: pointer;
  }

  .ant-tabs-dropdown-menu-item-remove:hover {
    color: #165996;
  }

  .ant-tabs-dropdown-menu-item:hover {
    background: rgba(255, 255, 255, 0.08);
  }

  .ant-tabs-dropdown-menu-item-disabled,
  .ant-tabs-dropdown-menu-item-disabled:hover {
    color: rgba(255, 255, 255, 0.3);
    background: 0 0;
    cursor: not-allowed;
  }

  .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
  .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
    margin: 0;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid #303030;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
  .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
    color: #177ddc;
    background: #141414;
  }

  .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
  .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
    visibility: hidden;
  }

  .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  .ant-tabs-card.ant-tabs-top
    > div
    > .ant-tabs-nav
    .ant-tabs-tab
    + .ant-tabs-tab,
  .ant-tabs-card.ant-tabs-bottom
    > div
    > .ant-tabs-nav
    .ant-tabs-tab
    + .ant-tabs-tab {
    margin-left: 2px;
  }

  .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
  .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
    border-radius: 2px 2px 0 0;
  }

  .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
  .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
    border-bottom-color: #141414;
  }

  .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
  .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
    border-radius: 0 0 2px 2px;
  }

  .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
  .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
    border-top-color: #141414;
  }

  .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
  .ant-tabs-card.ant-tabs-left
    > div
    > .ant-tabs-nav
    .ant-tabs-tab
    + .ant-tabs-tab,
  .ant-tabs-card.ant-tabs-right
    > div
    > .ant-tabs-nav
    .ant-tabs-tab
    + .ant-tabs-tab {
    margin-top: 2px;
  }

  .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
  .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
    border-radius: 2px 0 0 2px;
  }

  .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
  .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
    border-right-color: #141414;
  }

  .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
  .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
    border-radius: 0 2px 2px 0;
  }

  .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
  .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
    border-left-color: #141414;
  }

  .ant-tabs {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: flex;
  }

  .ant-tabs > .ant-tabs-nav,
  .ant-tabs > div > .ant-tabs-nav {
    position: relative;
    display: flex;
    flex: none;
    align-items: center;
  }

  .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
  .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
    position: relative;
    display: inline-block;
    display: flex;
    flex: auto;
    align-self: stretch;
    overflow: hidden;
    white-space: nowrap;
    transform: translate(0);
  }

  .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
  .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
  .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
    content: "";
    pointer-events: none;
  }

  .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
  .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
    position: relative;
    display: flex;
    transition: transform 0.3s;
  }

  .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
  .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
    display: flex;
    align-self: stretch;
  }

  .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
  .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
    position: absolute;
    visibility: hidden;
    pointer-events: none;
  }

  .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
  .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
    position: relative;
    padding: 8px 16px;
    background: 0 0;
    border: 0;
  }

  .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
  .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 5px;
    transform: translateY(100%);
    content: "";
  }

  .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
  .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
    min-width: 40px;
    margin-left: 2px;
    padding: 0 8px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid #303030;
    border-radius: 2px 2px 0 0;
    outline: none;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
  .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
    color: #165996;
  }

  .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
  .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
  .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
  .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
    color: #388ed3;
  }

  .ant-tabs-extra-content {
    flex: none;
  }

  .ant-tabs-centered
    > .ant-tabs-nav
    .ant-tabs-nav-wrap:not([class*="ant-tabs-nav-wrap-ping"]),
  .ant-tabs-centered
    > div
    > .ant-tabs-nav
    .ant-tabs-nav-wrap:not([class*="ant-tabs-nav-wrap-ping"]) {
    justify-content: center;
  }

  .ant-tabs-ink-bar {
    position: absolute;
    background: #177ddc;
    pointer-events: none;
  }

  .ant-tabs-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 12px 0;
    font-size: 14px;
    background: 0 0;
    border: 0;
    outline: none;
    cursor: pointer;
  }

  .ant-tabs-tab-btn:focus,
  .ant-tabs-tab-remove:focus,
  .ant-tabs-tab-btn:active,
  .ant-tabs-tab-remove:active {
    color: #388ed3;
  }

  .ant-tabs-tab-btn {
    outline: none;
    transition: all 0.3s;
  }

  .ant-tabs-tab-remove {
    flex: none;
    margin-right: -4px;
    margin-left: 8px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 12px;
    background: 0 0;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all 0.3s;
  }

  .ant-tabs-tab-remove:hover {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-tabs-tab:hover {
    color: #165996;
  }

  .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #177ddc;
    text-shadow: 0 0 0.25px currentcolor;
  }

  .ant-tabs-tab.ant-tabs-tab-disabled {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
  .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
  .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
  .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
    color: rgba(255, 255, 255, 0.3);
  }

  .ant-tabs-tab .ant-tabs-tab-remove .anticon {
    margin: 0;
  }

  .ant-tabs-tab .anticon {
    margin-right: 12px;
  }

  .ant-tabs-tab + .ant-tabs-tab {
    margin: 0 0 0 32px;
  }

  .ant-tabs-content {
    position: relative;
    width: 100%;
  }

  .ant-tabs-content-holder {
    flex: auto;
    min-width: 0;
    min-height: 0;
  }

  .ant-tabs-tabpane {
    outline: none;
  }

  .ant-tabs-tabpane-hidden {
    display: none;
  }

  .ant-tabs-switch-appear,
  .ant-tabs-switch-enter {
    transition: none;
  }

  .ant-tabs-switch-appear-start,
  .ant-tabs-switch-enter-start {
    opacity: 0;
  }

  .ant-tabs-switch-appear-active,
  .ant-tabs-switch-enter-active {
    opacity: 1;
    transition: opacity 0.3s;
  }

  .ant-tabs-switch-leave {
    position: absolute;
    transition: none;
    inset: 0;
  }

  .ant-tabs-switch-leave-start {
    opacity: 1;
  }

  .ant-tabs-switch-leave-active {
    opacity: 0;
    transition: opacity 0.3s;
  }

  .ant-tag {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
    height: auto;
    margin-right: 8px;
    padding: 0 7px;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid #434343;
    border-radius: 2px;
    opacity: 1;
    transition: all 0.3s;
  }

  .ant-tag,
  .ant-tag a,
  .ant-tag a:hover {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-tag > a:first-child:last-child {
    display: inline-block;
    margin: 0 -8px;
    padding: 0 8px;
  }

  .ant-tag-close-icon {
    margin-left: 3px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 10px;
    cursor: pointer;
    transition: all 0.3s;
  }

  .ant-tag-close-icon:hover {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-tag-has-color {
    border-color: transparent;
  }

  .ant-tag-has-color,
  .ant-tag-has-color a,
  .ant-tag-has-color a:hover,
  .ant-tag-has-color .anticon-close,
  .ant-tag-has-color .anticon-close:hover {
    color: #fff;
  }

  .ant-tag-checkable {
    background-color: transparent;
    border-color: transparent;
    cursor: pointer;
  }

  .ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
    color: #177ddc;
  }

  .ant-tag-checkable:active,
  .ant-tag-checkable-checked {
    color: #fff;
  }

  .ant-tag-checkable-checked {
    background-color: #177ddc;
  }

  .ant-tag-checkable:active {
    background-color: #388ed3;
  }

  .ant-tag-hidden {
    display: none;
  }

  .ant-tag-pink {
    color: #e0529c;
    background: #291321;
    border-color: #551c3b;
  }

  .ant-tag-pink-inverse {
    color: #fff;
    background: #cb2b83;
    border-color: #cb2b83;
  }

  .ant-tag-magenta {
    color: #e0529c;
    background: #291321;
    border-color: #551c3b;
  }

  .ant-tag-magenta-inverse {
    color: #fff;
    background: #cb2b83;
    border-color: #cb2b83;
  }

  .ant-tag-red {
    color: #e84749;
    background: #2a1215;
    border-color: #58181c;
  }

  .ant-tag-red-inverse {
    color: #fff;
    background: #d32029;
    border-color: #d32029;
  }

  .ant-tag-volcano {
    color: #e87040;
    background: #2b1611;
    border-color: #592716;
  }

  .ant-tag-volcano-inverse {
    color: #fff;
    background: #d84a1b;
    border-color: #d84a1b;
  }

  .ant-tag-orange {
    color: #e89a3c;
    background: #2b1d11;
    border-color: #593815;
  }

  .ant-tag-orange-inverse {
    color: #fff;
    background: #d87a16;
    border-color: #d87a16;
  }

  .ant-tag-yellow {
    color: #e8d639;
    background: #2b2611;
    border-color: #595014;
  }

  .ant-tag-yellow-inverse {
    color: #fff;
    background: #d8bd14;
    border-color: #d8bd14;
  }

  .ant-tag-gold {
    color: #e8b339;
    background: #2b2111;
    border-color: #594214;
  }

  .ant-tag-gold-inverse {
    color: #fff;
    background: #d89614;
    border-color: #d89614;
  }

  .ant-tag-cyan {
    color: #33bcb7;
    background: #112123;
    border-color: #144848;
  }

  .ant-tag-cyan-inverse {
    color: #fff;
    background: #13a8a8;
    border-color: #13a8a8;
  }

  .ant-tag-lime {
    color: #a9d134;
    background: #1f2611;
    border-color: #3e4f13;
  }

  .ant-tag-lime-inverse {
    color: #fff;
    background: #8bbb11;
    border-color: #8bbb11;
  }

  .ant-tag-green {
    color: #6abe39;
    background: #162312;
    border-color: #274916;
  }

  .ant-tag-green-inverse {
    color: #fff;
    background: #49aa19;
    border-color: #49aa19;
  }

  .ant-tag-blue {
    color: #3c9ae8;
    background: #111d2c;
    border-color: #15395b;
  }

  .ant-tag-blue-inverse {
    color: #fff;
    background: #177ddc;
    border-color: #177ddc;
  }

  .ant-tag-geekblue {
    color: #5273e0;
    background: #131629;
    border-color: #1c2755;
  }

  .ant-tag-geekblue-inverse {
    color: #fff;
    background: #2b4acb;
    border-color: #2b4acb;
  }

  .ant-tag-purple {
    color: #854eca;
    background: #1a1325;
    border-color: #301c4d;
  }

  .ant-tag-purple-inverse {
    color: #fff;
    background: #642ab5;
    border-color: #642ab5;
  }

  .ant-tag-success {
    color: #49aa19;
    background: #162312;
    border-color: #274916;
  }

  .ant-tag-processing {
    color: #177ddc;
    background: #111b26;
    border-color: #153450;
  }

  .ant-tag-error {
    color: #a61d24;
    background: #2a1215;
    border-color: #58181c;
  }

  .ant-tag-warning {
    color: #d89614;
    background: #2b1d11;
    border-color: #593815;
  }

  .ant-tag > .anticon + span,
  .ant-tag > span + .anticon {
    margin-left: 7px;
  }

  .ant-tag.ant-tag-rtl {
    margin-right: 0;
    margin-left: 8px;
    direction: rtl;
    text-align: right;
  }

  .ant-tag-rtl .ant-tag-close-icon {
    margin-right: 3px;
    margin-left: 0;
  }

  .ant-tag-rtl.ant-tag > .anticon + span,
  .ant-tag-rtl.ant-tag > span + .anticon {
    margin-right: 7px;
    margin-left: 0;
  }

  .ant-timeline {
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    font-feature-settings: "tnum";
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .ant-timeline-item {
    position: relative;
    margin: 0;
    padding-bottom: 20px;
    font-size: 14px;
    list-style: none;
  }

  .ant-timeline-item-tail {
    position: absolute;
    top: 10px;
    left: 4px;
    height: calc(100% - 10px);
    border-left: 2px solid #303030;
  }

  .ant-timeline-item-pending .ant-timeline-item-head {
    font-size: 12px;
    background-color: transparent;
  }

  .ant-timeline-item-pending .ant-timeline-item-tail {
    display: none;
  }

  .ant-timeline-item-head {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #141414;
    border: 2px solid transparent;
    border-radius: 100px;
  }

  .ant-timeline-item-head-blue {
    color: #177ddc;
    border-color: #177ddc;
  }

  .ant-timeline-item-head-red {
    color: #a61d24;
    border-color: #a61d24;
  }

  .ant-timeline-item-head-green {
    color: #49aa19;
    border-color: #49aa19;
  }

  .ant-timeline-item-head-gray {
    color: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.3);
  }

  .ant-timeline-item-head-custom {
    position: absolute;
    top: 5.5px;
    left: 5px;
    width: auto;
    height: auto;
    margin-top: 0;
    padding: 3px 1px;
    line-height: 1;
    text-align: center;
    border: 0;
    border-radius: 0;
    transform: translate(-50%, -50%);
  }

  .ant-timeline-item-content {
    position: relative;
    top: -7.001px;
    margin: 0 0 0 26px;
    word-break: break-word;
  }

  .ant-timeline-item-last > .ant-timeline-item-tail {
    display: none;
  }

  .ant-timeline-item-last > .ant-timeline-item-content {
    min-height: 48px;
  }

  .ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
  .ant-timeline.ant-timeline-right .ant-timeline-item-tail,
  .ant-timeline.ant-timeline-label .ant-timeline-item-tail,
  .ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
  .ant-timeline.ant-timeline-right .ant-timeline-item-head,
  .ant-timeline.ant-timeline-label .ant-timeline-item-head,
  .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
  .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
  .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
    left: 50%;
  }

  .ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
  .ant-timeline.ant-timeline-right .ant-timeline-item-head,
  .ant-timeline.ant-timeline-label .ant-timeline-item-head {
    margin-left: -4px;
  }

  .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
  .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
  .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
    margin-left: 1px;
  }

  .ant-timeline.ant-timeline-alternate
    .ant-timeline-item-left
    .ant-timeline-item-content,
  .ant-timeline.ant-timeline-right
    .ant-timeline-item-left
    .ant-timeline-item-content,
  .ant-timeline.ant-timeline-label
    .ant-timeline-item-left
    .ant-timeline-item-content {
    left: calc(50% - 4px);
    width: calc(50% - 14px);
    text-align: left;
  }

  .ant-timeline.ant-timeline-alternate
    .ant-timeline-item-right
    .ant-timeline-item-content,
  .ant-timeline.ant-timeline-right
    .ant-timeline-item-right
    .ant-timeline-item-content,
  .ant-timeline.ant-timeline-label
    .ant-timeline-item-right
    .ant-timeline-item-content {
    width: calc(50% - 12px);
    margin: 0;
    text-align: right;
  }

  .ant-timeline.ant-timeline-right
    .ant-timeline-item-right
    .ant-timeline-item-tail,
  .ant-timeline.ant-timeline-right
    .ant-timeline-item-right
    .ant-timeline-item-head,
  .ant-timeline.ant-timeline-right
    .ant-timeline-item-right
    .ant-timeline-item-head-custom {
    left: calc(100% - 4px - 2px);
  }

  .ant-timeline.ant-timeline-right
    .ant-timeline-item-right
    .ant-timeline-item-content {
    width: calc(100% - 18px);
  }

  .ant-timeline.ant-timeline-pending
    .ant-timeline-item-last
    .ant-timeline-item-tail {
    display: block;
    height: calc(100% - 14px);
    border-left: 2px dotted #303030;
  }

  .ant-timeline.ant-timeline-reverse
    .ant-timeline-item-last
    .ant-timeline-item-tail {
    display: none;
  }

  .ant-timeline.ant-timeline-reverse
    .ant-timeline-item-pending
    .ant-timeline-item-tail {
    top: 15px;
    display: block;
    height: calc(100% - 15px);
    border-left: 2px dotted #303030;
  }

  .ant-timeline.ant-timeline-reverse
    .ant-timeline-item-pending
    .ant-timeline-item-content {
    min-height: 48px;
  }

  .ant-timeline.ant-timeline-label .ant-timeline-item-label {
    position: absolute;
    top: -7.001px;
    width: calc(50% - 12px);
    text-align: right;
  }

  .ant-timeline.ant-timeline-label
    .ant-timeline-item-right
    .ant-timeline-item-label {
    left: calc(50% + 14px);
    width: calc(50% - 14px);
    text-align: left;
  }

  .ant-timeline-rtl {
    direction: rtl;
  }

  .ant-timeline-rtl .ant-timeline-item-tail {
    right: 4px;
    left: auto;
    border-right: 2px solid #303030;
    border-left: none;
  }

  .ant-timeline-rtl .ant-timeline-item-head-custom {
    right: 5px;
    left: auto;
    transform: translate(50%, -50%);
  }

  .ant-timeline-rtl .ant-timeline-item-content {
    margin: 0 18px 0 0;
  }

  .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
  .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
  .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
  .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
  .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
  .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,
  .ant-timeline-rtl.ant-timeline.ant-timeline-alternate
    .ant-timeline-item-head-custom,
  .ant-timeline-rtl.ant-timeline.ant-timeline-right
    .ant-timeline-item-head-custom,
  .ant-timeline-rtl.ant-timeline.ant-timeline-label
    .ant-timeline-item-head-custom {
    right: 50%;
    left: auto;
  }

  .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
  .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
  .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head {
    margin-right: -4px;
    margin-left: 0;
  }

  .ant-timeline-rtl.ant-timeline.ant-timeline-alternate
    .ant-timeline-item-head-custom,
  .ant-timeline-rtl.ant-timeline.ant-timeline-right
    .ant-timeline-item-head-custom,
  .ant-timeline-rtl.ant-timeline.ant-timeline-label
    .ant-timeline-item-head-custom {
    margin-right: 1px;
    margin-left: 0;
  }

  .ant-timeline-rtl.ant-timeline.ant-timeline-alternate
    .ant-timeline-item-left
    .ant-timeline-item-content,
  .ant-timeline-rtl.ant-timeline.ant-timeline-right
    .ant-timeline-item-left
    .ant-timeline-item-content,
  .ant-timeline-rtl.ant-timeline.ant-timeline-label
    .ant-timeline-item-left
    .ant-timeline-item-content {
    right: calc(50% - 4px);
    left: auto;
    text-align: right;
  }

  .ant-timeline-rtl.ant-timeline.ant-timeline-alternate
    .ant-timeline-item-right
    .ant-timeline-item-content,
  .ant-timeline-rtl.ant-timeline.ant-timeline-right
    .ant-timeline-item-right
    .ant-timeline-item-content,
  .ant-timeline-rtl.ant-timeline.ant-timeline-label
    .ant-timeline-item-right
    .ant-timeline-item-content {
    text-align: left;
  }

  .ant-timeline-rtl.ant-timeline.ant-timeline-right
    .ant-timeline-item-right
    .ant-timeline-item-tail,
  .ant-timeline-rtl.ant-timeline.ant-timeline-right
    .ant-timeline-item-right
    .ant-timeline-item-head,
  .ant-timeline-rtl.ant-timeline.ant-timeline-right
    .ant-timeline-item-right
    .ant-timeline-item-head-custom {
    right: 0;
    left: auto;
  }

  .ant-timeline-rtl.ant-timeline.ant-timeline-right
    .ant-timeline-item-right
    .ant-timeline-item-content {
    width: 100%;
    margin-right: 18px;
    text-align: right;
  }

  .ant-timeline-rtl.ant-timeline.ant-timeline-pending
    .ant-timeline-item-last
    .ant-timeline-item-tail {
    border-right: 2px dotted #303030;
    border-left: none;
  }

  .ant-timeline-rtl.ant-timeline.ant-timeline-reverse
    .ant-timeline-item-pending
    .ant-timeline-item-tail {
    border-right: 2px dotted #303030;
    border-left: none;
  }

  .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label {
    text-align: left;
  }

  .ant-timeline-rtl.ant-timeline.ant-timeline-label
    .ant-timeline-item-right
    .ant-timeline-item-label {
    right: calc(50% + 14px);
    text-align: right;
  }

  .ant-tooltip {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    z-index: 1070;
    display: block;
    width: -moz-max-content;
    width: max-content;
    width: intrinsic;
    max-width: 250px;
    visibility: visible;
  }

  .ant-tooltip-content {
    position: relative;
  }

  .ant-tooltip-hidden {
    display: none;
  }

  .ant-tooltip-placement-top,
  .ant-tooltip-placement-topLeft,
  .ant-tooltip-placement-topRight {
    padding-bottom: 14.3137085px;
  }

  .ant-tooltip-placement-right,
  .ant-tooltip-placement-rightTop,
  .ant-tooltip-placement-rightBottom {
    padding-left: 14.3137085px;
  }

  .ant-tooltip-placement-bottom,
  .ant-tooltip-placement-bottomLeft,
  .ant-tooltip-placement-bottomRight {
    padding-top: 14.3137085px;
  }

  .ant-tooltip-placement-left,
  .ant-tooltip-placement-leftTop,
  .ant-tooltip-placement-leftBottom {
    padding-right: 14.3137085px;
  }

  .ant-tooltip-inner {
    min-width: 30px;
    min-height: 32px;
    padding: 6px 8px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
    background-color: #434343;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  }

  .ant-tooltip-arrow {
    position: absolute;
    z-index: 2;
    display: block;
    width: 22px;
    height: 22px;
    overflow: hidden;
    background: 0 0;
    pointer-events: none;
  }

  .ant-tooltip-arrow-content {
    --antd-arrow-background-color: linear-gradient(
      to right bottom,
      rgba(67, 67, 67, 0.9),
      #434343
    );
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 11.3137085px;
    height: 11.3137085px;
    margin: auto;
    content: "";
    pointer-events: auto;
    border-radius: 0 0 2px;
    pointer-events: none;
  }

  .ant-tooltip-arrow-content::before {
    position: absolute;
    top: -11.3137085px;
    left: -11.3137085px;
    width: 33.9411255px;
    height: 33.9411255px;
    background: var(--antd-arrow-background-color);
    background-repeat: no-repeat;
    background-position: -10px -10px;
    content: "";
    -webkit-clip-path: inset(33% 33%);
    clip-path: inset(33% 33%);
    -webkit-clip-path: path(
      "M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z"
    );
    clip-path: path(
      "M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z"
    );
  }

  .ant-tooltip-placement-top .ant-tooltip-arrow,
  .ant-tooltip-placement-topLeft .ant-tooltip-arrow,
  .ant-tooltip-placement-topRight .ant-tooltip-arrow {
    bottom: 0;
    transform: translateY(100%);
  }

  .ant-tooltip-placement-top .ant-tooltip-arrow-content,
  .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
  .ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
    transform: translateY(-11px) rotate(45deg);
  }

  .ant-tooltip-placement-top .ant-tooltip-arrow {
    left: 50%;
    transform: translateY(100%) translateX(-50%);
  }

  .ant-tooltip-placement-topLeft .ant-tooltip-arrow {
    left: 13px;
  }

  .ant-tooltip-placement-topRight .ant-tooltip-arrow {
    right: 13px;
  }

  .ant-tooltip-placement-right .ant-tooltip-arrow,
  .ant-tooltip-placement-rightTop .ant-tooltip-arrow,
  .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
    left: 0;
    transform: translateX(-100%);
  }

  .ant-tooltip-placement-right .ant-tooltip-arrow-content,
  .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
  .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
    box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
    transform: translateX(11px) rotate(135deg);
  }

  .ant-tooltip-placement-right .ant-tooltip-arrow {
    top: 50%;
    transform: translateX(-100%) translateY(-50%);
  }

  .ant-tooltip-placement-rightTop .ant-tooltip-arrow {
    top: 5px;
  }

  .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
    bottom: 5px;
  }

  .ant-tooltip-placement-left .ant-tooltip-arrow,
  .ant-tooltip-placement-leftTop .ant-tooltip-arrow,
  .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
    right: 0;
    transform: translateX(100%);
  }

  .ant-tooltip-placement-left .ant-tooltip-arrow-content,
  .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
  .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
    box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
    transform: translateX(-11px) rotate(315deg);
  }

  .ant-tooltip-placement-left .ant-tooltip-arrow {
    top: 50%;
    transform: translateX(100%) translateY(-50%);
  }

  .ant-tooltip-placement-leftTop .ant-tooltip-arrow {
    top: 5px;
  }

  .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
    bottom: 5px;
  }

  .ant-tooltip-placement-bottom .ant-tooltip-arrow,
  .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
  .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
    top: 0;
    transform: translateY(-100%);
  }

  .ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
  .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
  .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
    box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
    transform: translateY(11px) rotate(225deg);
  }

  .ant-tooltip-placement-bottom .ant-tooltip-arrow {
    left: 50%;
    transform: translateY(-100%) translateX(-50%);
  }

  .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
    left: 13px;
  }

  .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
    right: 13px;
  }

  .ant-tooltip-pink .ant-tooltip-inner {
    background-color: #cb2b83;
  }

  .ant-tooltip-pink .ant-tooltip-arrow-content::before {
    background: #cb2b83;
  }

  .ant-tooltip-magenta .ant-tooltip-inner {
    background-color: #cb2b83;
  }

  .ant-tooltip-magenta .ant-tooltip-arrow-content::before {
    background: #cb2b83;
  }

  .ant-tooltip-red .ant-tooltip-inner {
    background-color: #d32029;
  }

  .ant-tooltip-red .ant-tooltip-arrow-content::before {
    background: #d32029;
  }

  .ant-tooltip-volcano .ant-tooltip-inner {
    background-color: #d84a1b;
  }

  .ant-tooltip-volcano .ant-tooltip-arrow-content::before {
    background: #d84a1b;
  }

  .ant-tooltip-orange .ant-tooltip-inner {
    background-color: #d87a16;
  }

  .ant-tooltip-orange .ant-tooltip-arrow-content::before {
    background: #d87a16;
  }

  .ant-tooltip-yellow .ant-tooltip-inner {
    background-color: #d8bd14;
  }

  .ant-tooltip-yellow .ant-tooltip-arrow-content::before {
    background: #d8bd14;
  }

  .ant-tooltip-gold .ant-tooltip-inner {
    background-color: #d89614;
  }

  .ant-tooltip-gold .ant-tooltip-arrow-content::before {
    background: #d89614;
  }

  .ant-tooltip-cyan .ant-tooltip-inner {
    background-color: #13a8a8;
  }

  .ant-tooltip-cyan .ant-tooltip-arrow-content::before {
    background: #13a8a8;
  }

  .ant-tooltip-lime .ant-tooltip-inner {
    background-color: #8bbb11;
  }

  .ant-tooltip-lime .ant-tooltip-arrow-content::before {
    background: #8bbb11;
  }

  .ant-tooltip-green .ant-tooltip-inner {
    background-color: #49aa19;
  }

  .ant-tooltip-green .ant-tooltip-arrow-content::before {
    background: #49aa19;
  }

  .ant-tooltip-blue .ant-tooltip-inner {
    background-color: #177ddc;
  }

  .ant-tooltip-blue .ant-tooltip-arrow-content::before {
    background: #177ddc;
  }

  .ant-tooltip-geekblue .ant-tooltip-inner {
    background-color: #2b4acb;
  }

  .ant-tooltip-geekblue .ant-tooltip-arrow-content::before {
    background: #2b4acb;
  }

  .ant-tooltip-purple .ant-tooltip-inner {
    background-color: #642ab5;
  }

  .ant-tooltip-purple .ant-tooltip-arrow-content::before {
    background: #642ab5;
  }

  .ant-tooltip-rtl {
    direction: rtl;
  }

  .ant-tooltip-rtl .ant-tooltip-inner {
    text-align: right;
  }

  @keyframes antCheckboxEffect {
    0% {
      transform: scale(1);
      opacity: 0.5;
    }

    100% {
      transform: scale(1.6);
      opacity: 0;
    }
  }

  .ant-transfer-customize-list .ant-transfer-list {
    flex: 1 1 50%;
    width: auto;
    height: auto;
    min-height: 200px;
  }

  .ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
    border: 0;
    border-radius: 0;
  }

  .ant-transfer-customize-list
    .ant-table-wrapper
    .ant-table-small
    .ant-table-selection-column {
    width: 40px;
    min-width: 40px;
  }

  .ant-transfer-customize-list
    .ant-table-wrapper
    .ant-table-small
    > .ant-table-content
    > .ant-table-body
    > table
    > .ant-table-thead
    > tr
    > th {
    background: #1d1d1d;
  }

  .ant-transfer-customize-list
    .ant-table-wrapper
    .ant-table-small
    > .ant-table-content
    .ant-table-row:last-child
    td {
    border-bottom: 1px solid #303030;
  }

  .ant-transfer-customize-list
    .ant-table-wrapper
    .ant-table-small
    .ant-table-body {
    margin: 0;
  }

  .ant-transfer-customize-list
    .ant-table-wrapper
    .ant-table-pagination.ant-pagination {
    margin: 16px 0 4px;
  }

  .ant-transfer-customize-list .ant-input[disabled] {
    background-color: transparent;
  }

  .ant-transfer-status-error .ant-transfer-list {
    border-color: #a61d24;
  }

  .ant-transfer-status-error .ant-transfer-list-search:not([disabled]) {
    border-color: #434343;
  }

  .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):hover {
    border-color: #165996;
    border-right-width: 1px;
  }

  .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus {
    border-color: #177ddc;
    box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-transfer-status-warning .ant-transfer-list {
    border-color: #d89614;
  }

  .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]) {
    border-color: #434343;
  }

  .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):hover {
    border-color: #165996;
    border-right-width: 1px;
  }

  .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus {
    border-color: #177ddc;
    box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2);
    border-right-width: 1px;
    outline: 0;
  }

  .ant-transfer {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    display: flex;
    align-items: stretch;
  }

  .ant-transfer-disabled .ant-transfer-list {
    background: rgba(255, 255, 255, 0.08);
  }

  .ant-transfer-list {
    display: flex;
    flex-direction: column;
    width: 180px;
    height: 200px;
    border: 1px solid #434343;
    border-radius: 2px;
  }

  .ant-transfer-list-with-pagination {
    width: 250px;
    height: auto;
  }

  .ant-transfer-list-search .anticon-search {
    color: rgba(255, 255, 255, 0.3);
  }

  .ant-transfer-list-header {
    display: flex;
    flex: none;
    align-items: center;
    height: 40px;
    padding: 8px 12px 9px;
    color: rgba(255, 255, 255, 0.85);
    background: #141414;
    border-bottom: 1px solid #303030;
    border-radius: 2px 2px 0 0;
  }

  .ant-transfer-list-header > *:not(:last-child) {
    margin-right: 4px;
  }

  .ant-transfer-list-header > * {
    flex: none;
  }

  .ant-transfer-list-header-title {
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    text-overflow: ellipsis;
  }

  .ant-transfer-list-header-dropdown {
    font-size: 10px;
    transform: translateY(10%);
    cursor: pointer;
  }

  .ant-transfer-list-header-dropdown[disabled] {
    cursor: not-allowed;
  }

  .ant-transfer-list-body {
    display: flex;
    flex: auto;
    flex-direction: column;
    overflow: hidden;
    font-size: 14px;
  }

  .ant-transfer-list-body-search-wrapper {
    position: relative;
    flex: none;
    padding: 12px;
  }

  .ant-transfer-list-content {
    flex: auto;
    margin: 0;
    padding: 0;
    overflow: auto;
    list-style: none;
  }

  .ant-transfer-list-content-item {
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 6px 12px;
    line-height: 20px;
    transition: all 0.3s;
  }

  .ant-transfer-list-content-item > *:not(:last-child) {
    margin-right: 8px;
  }

  .ant-transfer-list-content-item > * {
    flex: none;
  }

  .ant-transfer-list-content-item-text {
    flex: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .ant-transfer-list-content-item-remove {
    position: relative;
    color: #434343;
    cursor: pointer;
    transition: all 0.3s;
  }

  .ant-transfer-list-content-item-remove:hover {
    color: #165996;
  }

  .ant-transfer-list-content-item-remove::after {
    position: absolute;
    top: -6px;
    right: -50%;
    bottom: -6px;
    left: -50%;
    content: "";
  }

  .ant-transfer-list-content-item:not(
      .ant-transfer-list-content-item-disabled
    ):hover {
    background-color: #262626;
    cursor: pointer;
  }

  .ant-transfer-list-content-item:not(
      .ant-transfer-list-content-item-disabled
    ).ant-transfer-list-content-item-checked:hover {
    background-color: #0e161f;
  }

  .ant-transfer-list-content-show-remove
    .ant-transfer-list-content-item:not(
      .ant-transfer-list-content-item-disabled
    ):hover {
    background: 0 0;
    cursor: default;
  }

  .ant-transfer-list-content-item-checked {
    background-color: #111b26;
  }

  .ant-transfer-list-content-item-disabled {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  .ant-transfer-list-pagination {
    padding: 8px 0;
    text-align: right;
    border-top: 1px solid #303030;
  }

  .ant-transfer-list-body-not-found {
    flex: none;
    width: 100%;
    margin: auto 0;
    color: rgba(255, 255, 255, 0.3);
    text-align: center;
  }

  .ant-transfer-list-footer {
    border-top: 1px solid #303030;
  }

  .ant-transfer-operation {
    display: flex;
    flex: none;
    flex-direction: column;
    align-self: center;
    margin: 0 8px;
    vertical-align: middle;
  }

  .ant-transfer-operation .ant-btn {
    display: block;
  }

  .ant-transfer-operation .ant-btn:first-child {
    margin-bottom: 4px;
  }

  .ant-transfer-operation .ant-btn .anticon {
    font-size: 12px;
  }

  .ant-transfer .ant-empty-image {
    max-height: -2px;
  }

  .ant-transfer-rtl {
    direction: rtl;
  }

  .ant-transfer-rtl .ant-transfer-list-search {
    padding-right: 8px;
    padding-left: 24px;
  }

  .ant-transfer-rtl .ant-transfer-list-search-action {
    right: auto;
    left: 12px;
  }

  .ant-transfer-rtl .ant-transfer-list-header > *:not(:last-child) {
    margin-right: 0;
    margin-left: 4px;
  }

  .ant-transfer-rtl .ant-transfer-list-header {
    right: 0;
    left: auto;
  }

  .ant-transfer-rtl .ant-transfer-list-header-title {
    text-align: left;
  }

  .ant-transfer-rtl .ant-transfer-list-content-item > *:not(:last-child) {
    margin-right: 0;
    margin-left: 8px;
  }

  .ant-transfer-rtl .ant-transfer-list-pagination {
    text-align: left;
  }

  .ant-transfer-rtl .ant-transfer-list-footer {
    right: 0;
    left: auto;
  }

  @keyframes ant-tree-node-fx-do-not-use {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes antCheckboxEffect {
    0% {
      transform: scale(1);
      opacity: 0.5;
    }

    100% {
      transform: scale(1.6);
      opacity: 0;
    }
  }

  .ant-select-tree-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: 0.2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer;
  }

  .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
  .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
  .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
    border-color: #177ddc;
  }

  .ant-select-tree-checkbox-checked::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #177ddc;
    border-radius: 2px;
    visibility: hidden;
    animation: antCheckboxEffect 0.36s ease-in-out;
    animation-fill-mode: backwards;
    content: "";
  }

  .ant-select-tree-checkbox:hover::after,
  .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
    visibility: visible;
  }

  .ant-select-tree-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    direction: ltr;
    background-color: transparent;
    border: 1px solid #434343;
    border-radius: 2px;
    border-collapse: separate;
    transition: all 0.3s;
  }

  .ant-select-tree-checkbox-inner::after {
    position: absolute;
    top: 50%;
    left: 21.5%;
    display: table;
    width: 5.71428571px;
    height: 9.14285714px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
    content: " ";
  }

  .ant-select-tree-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
  }

  .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    opacity: 1;
    transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    content: " ";
  }

  .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
    background-color: #177ddc;
    border-color: #177ddc;
  }

  .ant-select-tree-checkbox-disabled {
    cursor: not-allowed;
  }

  .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked
    .ant-select-tree-checkbox-inner::after {
    border-color: rgba(255, 255, 255, 0.3);
    animation-name: none;
  }

  .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
    cursor: not-allowed;
    pointer-events: none;
  }

  .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343 !important;
  }

  .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
    border-color: rgba(255, 255, 255, 0.08);
    border-collapse: separate;
    animation-name: none;
  }

  .ant-select-tree-checkbox-disabled + span {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  .ant-select-tree-checkbox-disabled:hover::after,
  .ant-select-tree-checkbox-wrapper:hover
    .ant-select-tree-checkbox-disabled::after {
    visibility: hidden;
  }

  .ant-select-tree-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-flex;
    align-items: baseline;
    line-height: unset;
    cursor: pointer;
  }

  .ant-select-tree-checkbox-wrapper::after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0";
  }

  .ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
    cursor: not-allowed;
  }

  .ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
    margin-left: 8px;
  }

  .ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-in-form-item
    input[type="checkbox"] {
    width: 14px;
    height: 14px;
  }

  .ant-select-tree-checkbox + span {
    padding-right: 8px;
    padding-left: 8px;
  }

  .ant-select-tree-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
  }

  .ant-select-tree-checkbox-group-item {
    margin-right: 8px;
  }

  .ant-select-tree-checkbox-group-item:last-child {
    margin-right: 0;
  }

  .ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
    margin-left: 0;
  }

  .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
    background-color: transparent;
    border-color: #434343;
  }

  .ant-select-tree-checkbox-indeterminate
    .ant-select-tree-checkbox-inner::after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: #177ddc;
    border: 0;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: " ";
  }

  .ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled
    .ant-select-tree-checkbox-inner::after {
    background-color: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.3);
  }

  .ant-tree-select-dropdown {
    padding: 8px 4px;
  }

  .ant-tree-select-dropdown-rtl {
    direction: rtl;
  }

  .ant-tree-select-dropdown .ant-select-tree {
    border-radius: 0;
  }

  .ant-tree-select-dropdown .ant-select-tree-list-holder-inner {
    align-items: stretch;
  }

  .ant-tree-select-dropdown
    .ant-select-tree-list-holder-inner
    .ant-select-tree-treenode
    .ant-select-tree-node-content-wrapper {
    flex: auto;
  }

  .ant-select-tree {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    background: 0 0;
    border-radius: 2px;
    transition: background-color 0.3s;
  }

  .ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
    background: #111b26;
  }

  .ant-select-tree-list-holder-inner {
    align-items: flex-start;
  }

  .ant-select-tree.ant-select-tree-block-node
    .ant-select-tree-list-holder-inner {
    align-items: stretch;
  }

  .ant-select-tree.ant-select-tree-block-node
    .ant-select-tree-list-holder-inner
    .ant-select-tree-node-content-wrapper {
    flex: auto;
  }

  .ant-select-tree.ant-select-tree-block-node
    .ant-select-tree-list-holder-inner
    .ant-select-tree-treenode.dragging {
    position: relative;
  }

  .ant-select-tree.ant-select-tree-block-node
    .ant-select-tree-list-holder-inner
    .ant-select-tree-treenode.dragging::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 4px;
    left: 0;
    border: 1px solid #177ddc;
    opacity: 0;
    animation: ant-tree-node-fx-do-not-use 0.3s;
    animation-play-state: running;
    animation-fill-mode: forwards;
    content: "";
    pointer-events: none;
  }

  .ant-select-tree .ant-select-tree-treenode {
    display: flex;
    align-items: flex-start;
    padding: 0 0 4px;
    outline: none;
  }

  .ant-select-tree
    .ant-select-tree-treenode-disabled
    .ant-select-tree-node-content-wrapper {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  .ant-select-tree
    .ant-select-tree-treenode-disabled
    .ant-select-tree-node-content-wrapper:hover {
    background: 0 0;
  }

  .ant-select-tree
    .ant-select-tree-treenode-active
    .ant-select-tree-node-content-wrapper {
    background: rgba(255, 255, 255, 0.08);
  }

  .ant-select-tree
    .ant-select-tree-treenode:not(
      .ant-select-tree .ant-select-tree-treenode-disabled
    ).filter-node
    .ant-select-tree-title {
    color: inherit;
    font-weight: 500;
  }

  .ant-select-tree
    .ant-select-tree-treenode-draggable
    .ant-select-tree-draggable-icon {
    width: 24px;
    line-height: 24px;
    text-align: center;
    visibility: visible;
    opacity: 0.2;
    transition: opacity 0.3s;
  }

  .ant-select-tree-treenode:hover
    .ant-select-tree
    .ant-select-tree-treenode-draggable
    .ant-select-tree-draggable-icon {
    opacity: 0.45;
  }

  .ant-select-tree
    .ant-select-tree-treenode-draggable.ant-select-tree-treenode-disabled
    .ant-select-tree-draggable-icon {
    visibility: hidden;
  }

  .ant-select-tree-indent {
    align-self: stretch;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-select-tree-indent-unit {
    display: inline-block;
    width: 24px;
  }

  .ant-select-tree-draggable-icon {
    visibility: hidden;
  }

  .ant-select-tree-switcher {
    position: relative;
    flex: none;
    align-self: stretch;
    width: 24px;
    margin: 0;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-select-tree-switcher .ant-tree-switcher-icon,
  .ant-select-tree-switcher .ant-select-tree-switcher-icon {
    display: inline-block;
    font-size: 10px;
    vertical-align: baseline;
  }

  .ant-select-tree-switcher .ant-tree-switcher-icon svg,
  .ant-select-tree-switcher .ant-select-tree-switcher-icon svg {
    transition: transform 0.3s;
  }

  .ant-select-tree-switcher-noop {
    cursor: default;
  }

  .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
    transform: rotate(-90deg);
  }

  .ant-select-tree-switcher-loading-icon {
    color: #177ddc;
  }

  .ant-select-tree-switcher-leaf-line {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    height: 100%;
  }

  .ant-select-tree-switcher-leaf-line::before {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: -4px;
    margin-left: -1px;
    border-right: 1px solid #d9d9d9;
    content: " ";
  }

  .ant-select-tree-switcher-leaf-line::after {
    position: absolute;
    width: 10px;
    height: 14px;
    border-bottom: 1px solid #d9d9d9;
    content: " ";
  }

  .ant-select-tree-checkbox {
    top: initial;
    margin: 4px 8px 0 0;
  }

  .ant-select-tree .ant-select-tree-node-content-wrapper {
    position: relative;
    z-index: auto;
    min-height: 24px;
    margin: 0;
    padding: 0 4px;
    color: inherit;
    line-height: 24px;
    background: 0 0;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
  }

  .ant-select-tree .ant-select-tree-node-content-wrapper:hover {
    background-color: rgba(255, 255, 255, 0.08);
  }

  .ant-select-tree
    .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
    background-color: #11263c;
  }

  .ant-select-tree
    .ant-select-tree-node-content-wrapper
    .ant-select-tree-iconEle {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: top;
  }

  .ant-select-tree
    .ant-select-tree-node-content-wrapper
    .ant-select-tree-iconEle:empty {
    display: none;
  }

  .ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover {
    background-color: transparent;
  }

  .ant-select-tree-node-content-wrapper {
    line-height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-select-tree-node-content-wrapper .ant-tree-drop-indicator {
    position: absolute;
    z-index: 1;
    height: 2px;
    background-color: #177ddc;
    border-radius: 1px;
    pointer-events: none;
  }

  .ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 8px;
    height: 8px;
    background-color: transparent;
    border: 2px solid #177ddc;
    border-radius: 50%;
    content: "";
  }

  .ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] {
    box-shadow: 0 0 0 2px #177ddc;
  }

  .ant-select-tree-show-line .ant-select-tree-indent-unit {
    position: relative;
    height: 100%;
  }

  .ant-select-tree-show-line .ant-select-tree-indent-unit::before {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: -4px;
    border-right: 1px solid #434343;
    content: "";
  }

  .ant-select-tree-show-line .ant-select-tree-indent-unit-end::before {
    display: none;
  }

  .ant-select-tree-show-line .ant-select-tree-switcher {
    background: #141414;
  }

  .ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
    vertical-align: -0.15em;
  }

  .ant-select-tree
    .ant-select-tree-treenode-leaf-last
    .ant-select-tree-switcher-leaf-line::before {
    top: auto !important;
    bottom: auto !important;
    height: 14px !important;
  }

  .ant-tree-select-dropdown-rtl
    .ant-select-tree
    .ant-select-tree-switcher_close
    .ant-select-tree-switcher-icon
    svg {
    transform: rotate(90deg);
  }

  .ant-tree-select-dropdown-rtl
    .ant-select-tree
    .ant-select-tree-switcher-loading-icon {
    transform: scaleY(-1);
  }

  @keyframes antCheckboxEffect {
    0% {
      transform: scale(1);
      opacity: 0.5;
    }

    100% {
      transform: scale(1.6);
      opacity: 0;
    }
  }

  @keyframes ant-tree-node-fx-do-not-use {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  .ant-tree.ant-tree-directory .ant-tree-treenode {
    position: relative;
  }

  .ant-tree.ant-tree-directory .ant-tree-treenode::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 4px;
    left: 0;
    transition: background-color 0.3s;
    content: "";
    pointer-events: none;
  }

  .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
    background: rgba(255, 255, 255, 0.08);
  }

  .ant-tree.ant-tree-directory .ant-tree-treenode > * {
    z-index: 1;
  }

  .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
    transition: color 0.3s;
  }

  .ant-tree.ant-tree-directory
    .ant-tree-treenode
    .ant-tree-node-content-wrapper {
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-tree.ant-tree-directory
    .ant-tree-treenode
    .ant-tree-node-content-wrapper:hover {
    background: 0 0;
  }

  .ant-tree.ant-tree-directory
    .ant-tree-treenode
    .ant-tree-node-content-wrapper.ant-tree-node-selected {
    color: #fff;
    background: 0 0;
  }

  .ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
  .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
    background: #177ddc;
  }

  .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
    color: #fff;
  }

  .ant-tree.ant-tree-directory
    .ant-tree-treenode-selected
    .ant-tree-node-content-wrapper {
    color: #fff;
    background: 0 0;
  }

  .ant-tree-checkbox {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: relative;
    top: 0.2em;
    line-height: 1;
    white-space: nowrap;
    outline: none;
    cursor: pointer;
  }

  .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
  .ant-tree-checkbox:hover .ant-tree-checkbox-inner,
  .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
    border-color: #177ddc;
  }

  .ant-tree-checkbox-checked::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #177ddc;
    border-radius: 2px;
    visibility: hidden;
    animation: antCheckboxEffect 0.36s ease-in-out;
    animation-fill-mode: backwards;
    content: "";
  }

  .ant-tree-checkbox:hover::after,
  .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
    visibility: visible;
  }

  .ant-tree-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    direction: ltr;
    background-color: transparent;
    border: 1px solid #434343;
    border-radius: 2px;
    border-collapse: separate;
    transition: all 0.3s;
  }

  .ant-tree-checkbox-inner::after {
    position: absolute;
    top: 50%;
    left: 21.5%;
    display: table;
    width: 5.71428571px;
    height: 9.14285714px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
    content: " ";
  }

  .ant-tree-checkbox-input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
  }

  .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    opacity: 1;
    transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
    content: " ";
  }

  .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
    background-color: #177ddc;
    border-color: #177ddc;
  }

  .ant-tree-checkbox-disabled {
    cursor: not-allowed;
  }

  .ant-tree-checkbox-disabled.ant-tree-checkbox-checked
    .ant-tree-checkbox-inner::after {
    border-color: rgba(255, 255, 255, 0.3);
    animation-name: none;
  }

  .ant-tree-checkbox-disabled .ant-tree-checkbox-input {
    cursor: not-allowed;
    pointer-events: none;
  }

  .ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #434343 !important;
  }

  .ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
    border-color: rgba(255, 255, 255, 0.08);
    border-collapse: separate;
    animation-name: none;
  }

  .ant-tree-checkbox-disabled + span {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  .ant-tree-checkbox-disabled:hover::after,
  .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
    visibility: hidden;
  }

  .ant-tree-checkbox-wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-flex;
    align-items: baseline;
    line-height: unset;
    cursor: pointer;
  }

  .ant-tree-checkbox-wrapper::after {
    display: inline-block;
    width: 0;
    overflow: hidden;
    content: "\a0";
  }

  .ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
    cursor: not-allowed;
  }

  .ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
    margin-left: 8px;
  }

  .ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-in-form-item
    input[type="checkbox"] {
    width: 14px;
    height: 14px;
  }

  .ant-tree-checkbox + span {
    padding-right: 8px;
    padding-left: 8px;
  }

  .ant-tree-checkbox-group {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
  }

  .ant-tree-checkbox-group-item {
    margin-right: 8px;
  }

  .ant-tree-checkbox-group-item:last-child {
    margin-right: 0;
  }

  .ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
    margin-left: 0;
  }

  .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
    background-color: transparent;
    border-color: #434343;
  }

  .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: #177ddc;
    border: 0;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: " ";
  }

  .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled
    .ant-tree-checkbox-inner::after {
    background-color: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.3);
  }

  .ant-tree {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    background: 0 0;
    border-radius: 2px;
    transition: background-color 0.3s;
  }

  .ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
    background: #111b26;
  }

  .ant-tree-list-holder-inner {
    align-items: flex-start;
  }

  .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
    align-items: stretch;
  }

  .ant-tree.ant-tree-block-node
    .ant-tree-list-holder-inner
    .ant-tree-node-content-wrapper {
    flex: auto;
  }

  .ant-tree.ant-tree-block-node
    .ant-tree-list-holder-inner
    .ant-tree-treenode.dragging {
    position: relative;
  }

  .ant-tree.ant-tree-block-node
    .ant-tree-list-holder-inner
    .ant-tree-treenode.dragging::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 4px;
    left: 0;
    border: 1px solid #177ddc;
    opacity: 0;
    animation: ant-tree-node-fx-do-not-use 0.3s;
    animation-play-state: running;
    animation-fill-mode: forwards;
    content: "";
    pointer-events: none;
  }

  .ant-tree .ant-tree-treenode {
    display: flex;
    align-items: flex-start;
    padding: 0 0 4px;
    outline: none;
  }

  .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
    background: 0 0;
  }

  .ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
    background: rgba(255, 255, 255, 0.08);
  }

  .ant-tree
    .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node
    .ant-tree-title {
    color: inherit;
    font-weight: 500;
  }

  .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
    width: 24px;
    line-height: 24px;
    text-align: center;
    visibility: visible;
    opacity: 0.2;
    transition: opacity 0.3s;
  }

  .ant-tree-treenode:hover
    .ant-tree
    .ant-tree-treenode-draggable
    .ant-tree-draggable-icon {
    opacity: 0.45;
  }

  .ant-tree
    .ant-tree-treenode-draggable.ant-tree-treenode-disabled
    .ant-tree-draggable-icon {
    visibility: hidden;
  }

  .ant-tree-indent {
    align-self: stretch;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-tree-indent-unit {
    display: inline-block;
    width: 24px;
  }

  .ant-tree-draggable-icon {
    visibility: hidden;
  }

  .ant-tree-switcher {
    position: relative;
    flex: none;
    align-self: stretch;
    width: 24px;
    margin: 0;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-tree-switcher .ant-tree-switcher-icon,
  .ant-tree-switcher .ant-select-tree-switcher-icon {
    display: inline-block;
    font-size: 10px;
    vertical-align: baseline;
  }

  .ant-tree-switcher .ant-tree-switcher-icon svg,
  .ant-tree-switcher .ant-select-tree-switcher-icon svg {
    transition: transform 0.3s;
  }

  .ant-tree-switcher-noop {
    cursor: default;
  }

  .ant-tree-switcher_close .ant-tree-switcher-icon svg {
    transform: rotate(-90deg);
  }

  .ant-tree-switcher-loading-icon {
    color: #177ddc;
  }

  .ant-tree-switcher-leaf-line {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    height: 100%;
  }

  .ant-tree-switcher-leaf-line::before {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: -4px;
    margin-left: -1px;
    border-right: 1px solid #d9d9d9;
    content: " ";
  }

  .ant-tree-switcher-leaf-line::after {
    position: absolute;
    width: 10px;
    height: 14px;
    border-bottom: 1px solid #d9d9d9;
    content: " ";
  }

  .ant-tree-checkbox {
    top: initial;
    margin: 4px 8px 0 0;
  }

  .ant-tree .ant-tree-node-content-wrapper {
    position: relative;
    z-index: auto;
    min-height: 24px;
    margin: 0;
    padding: 0 4px;
    color: inherit;
    line-height: 24px;
    background: 0 0;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
  }

  .ant-tree .ant-tree-node-content-wrapper:hover {
    background-color: rgba(255, 255, 255, 0.08);
  }

  .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
    background-color: #11263c;
  }

  .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: top;
  }

  .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
    display: none;
  }

  .ant-tree-unselectable .ant-tree-node-content-wrapper:hover {
    background-color: transparent;
  }

  .ant-tree-node-content-wrapper {
    line-height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-tree-node-content-wrapper .ant-tree-drop-indicator {
    position: absolute;
    z-index: 1;
    height: 2px;
    background-color: #177ddc;
    border-radius: 1px;
    pointer-events: none;
  }

  .ant-tree-node-content-wrapper .ant-tree-drop-indicator::after {
    position: absolute;
    top: -3px;
    left: -6px;
    width: 8px;
    height: 8px;
    background-color: transparent;
    border: 2px solid #177ddc;
    border-radius: 50%;
    content: "";
  }

  .ant-tree .ant-tree-treenode.drop-container > [draggable] {
    box-shadow: 0 0 0 2px #177ddc;
  }

  .ant-tree-show-line .ant-tree-indent-unit {
    position: relative;
    height: 100%;
  }

  .ant-tree-show-line .ant-tree-indent-unit::before {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: -4px;
    border-right: 1px solid #434343;
    content: "";
  }

  .ant-tree-show-line .ant-tree-indent-unit-end::before {
    display: none;
  }

  .ant-tree-show-line .ant-tree-switcher {
    background: #141414;
  }

  .ant-tree-show-line .ant-tree-switcher-line-icon {
    vertical-align: -0.15em;
  }

  .ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
    top: auto !important;
    bottom: auto !important;
    height: 14px !important;
  }

  .ant-tree-rtl {
    direction: rtl;
  }

  .ant-tree-rtl
    .ant-tree-node-content-wrapper[draggable="true"]
    .ant-tree-drop-indicator::after {
    right: -6px;
    left: unset;
  }

  .ant-tree .ant-tree-treenode-rtl {
    direction: rtl;
  }

  .ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg {
    transform: rotate(90deg);
  }

  .ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
    right: auto;
    left: -13px;
    border-right: none;
    border-left: 1px solid #434343;
  }

  .ant-tree-rtl .ant-tree-checkbox {
    margin: 4px 0 0 8px;
  }

  .ant-tree-select-dropdown-rtl .ant-select-tree-checkbox {
    margin: 4px 0 0 8px;
  }

  .ant-typography {
    color: rgba(255, 255, 255, 0.85);
    word-break: break-word;
  }

  .ant-typography.ant-typography-secondary {
    color: rgba(255, 255, 255, 0.45);
  }

  .ant-typography.ant-typography-success {
    color: #49aa19;
  }

  .ant-typography.ant-typography-warning {
    color: #d89614;
  }

  .ant-typography.ant-typography-danger {
    color: #a61d24;
  }

  a.ant-typography.ant-typography-danger:active,
  a.ant-typography.ant-typography-danger:focus {
    color: #800f19;
  }

  a.ant-typography.ant-typography-danger:hover {
    color: #b33b3d;
  }

  .ant-typography.ant-typography-disabled {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  div.ant-typography,
  .ant-typography p {
    margin-bottom: 1em;
  }

  h1.ant-typography,
  div.ant-typography-h1,
  div.ant-typography-h1 > textarea,
  .ant-typography h1 {
    margin-bottom: 0.5em;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 600;
    font-size: 38px;
    line-height: 1.23;
  }

  h2.ant-typography,
  div.ant-typography-h2,
  div.ant-typography-h2 > textarea,
  .ant-typography h2 {
    margin-bottom: 0.5em;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 600;
    font-size: 30px;
    line-height: 1.35;
  }

  h3.ant-typography,
  div.ant-typography-h3,
  div.ant-typography-h3 > textarea,
  .ant-typography h3 {
    margin-bottom: 0.5em;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.35;
  }

  h4.ant-typography,
  div.ant-typography-h4,
  div.ant-typography-h4 > textarea,
  .ant-typography h4 {
    margin-bottom: 0.5em;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4;
  }

  h5.ant-typography,
  div.ant-typography-h5,
  div.ant-typography-h5 > textarea,
  .ant-typography h5 {
    margin-bottom: 0.5em;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
  }

  .ant-typography + h1.ant-typography,
  .ant-typography + h2.ant-typography,
  .ant-typography + h3.ant-typography,
  .ant-typography + h4.ant-typography,
  .ant-typography + h5.ant-typography {
    margin-top: 1.2em;
  }

  .ant-typography div + h1,
  .ant-typography ul + h1,
  .ant-typography li + h1,
  .ant-typography p + h1,
  .ant-typography h1 + h1,
  .ant-typography h2 + h1,
  .ant-typography h3 + h1,
  .ant-typography h4 + h1,
  .ant-typography h5 + h1,
  .ant-typography div + h2,
  .ant-typography ul + h2,
  .ant-typography li + h2,
  .ant-typography p + h2,
  .ant-typography h1 + h2,
  .ant-typography h2 + h2,
  .ant-typography h3 + h2,
  .ant-typography h4 + h2,
  .ant-typography h5 + h2,
  .ant-typography div + h3,
  .ant-typography ul + h3,
  .ant-typography li + h3,
  .ant-typography p + h3,
  .ant-typography h1 + h3,
  .ant-typography h2 + h3,
  .ant-typography h3 + h3,
  .ant-typography h4 + h3,
  .ant-typography h5 + h3,
  .ant-typography div + h4,
  .ant-typography ul + h4,
  .ant-typography li + h4,
  .ant-typography p + h4,
  .ant-typography h1 + h4,
  .ant-typography h2 + h4,
  .ant-typography h3 + h4,
  .ant-typography h4 + h4,
  .ant-typography h5 + h4,
  .ant-typography div + h5,
  .ant-typography ul + h5,
  .ant-typography li + h5,
  .ant-typography p + h5,
  .ant-typography h1 + h5,
  .ant-typography h2 + h5,
  .ant-typography h3 + h5,
  .ant-typography h4 + h5,
  .ant-typography h5 + h5 {
    margin-top: 1.2em;
  }

  a.ant-typography-ellipsis,
  span.ant-typography-ellipsis {
    display: inline-block;
    max-width: 100%;
  }

  a.ant-typography,
  .ant-typography a {
    color: #177ddc;
    outline: none;
    cursor: pointer;
    transition: color 0.3s;
    text-decoration: none;
  }

  a.ant-typography:focus-visible,
  .ant-typography a:focus-visible,
  a.ant-typography:hover,
  .ant-typography a:hover {
    color: #165996;
  }

  a.ant-typography:active,
  .ant-typography a:active {
    color: #388ed3;
  }

  a.ant-typography:active,
  .ant-typography a:active,
  a.ant-typography:hover,
  .ant-typography a:hover {
    text-decoration: none;
  }

  a.ant-typography[disabled],
  .ant-typography a[disabled],
  a.ant-typography.ant-typography-disabled,
  .ant-typography a.ant-typography-disabled {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  a.ant-typography[disabled]:active,
  .ant-typography a[disabled]:active,
  a.ant-typography.ant-typography-disabled:active,
  .ant-typography a.ant-typography-disabled:active,
  a.ant-typography[disabled]:hover,
  .ant-typography a[disabled]:hover,
  a.ant-typography.ant-typography-disabled:hover,
  .ant-typography a.ant-typography-disabled:hover {
    color: rgba(255, 255, 255, 0.3);
  }

  a.ant-typography[disabled]:active,
  .ant-typography a[disabled]:active,
  a.ant-typography.ant-typography-disabled:active,
  .ant-typography a.ant-typography-disabled:active {
    pointer-events: none;
  }

  .ant-typography code {
    margin: 0 0.2em;
    padding: 0.2em 0.4em 0.1em;
    font-size: 85%;
    background: rgba(150, 150, 150, 0.1);
    border: 1px solid rgba(100, 100, 100, 0.2);
    border-radius: 3px;
  }

  .ant-typography kbd {
    margin: 0 0.2em;
    padding: 0.15em 0.4em 0.1em;
    font-size: 90%;
    background: rgba(150, 150, 150, 0.06);
    border: 1px solid rgba(100, 100, 100, 0.2);
    border-bottom-width: 2px;
    border-radius: 3px;
  }

  .ant-typography mark {
    padding: 0;
    background-color: #594214;
  }

  .ant-typography u,
  .ant-typography ins {
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
  }

  .ant-typography s,
  .ant-typography del {
    text-decoration: line-through;
  }

  .ant-typography strong {
    font-weight: 600;
  }

  .ant-typography-expand,
  .ant-typography-edit,
  .ant-typography-copy {
    color: #177ddc;
    outline: none;
    cursor: pointer;
    transition: color 0.3s;
    margin-left: 4px;
  }

  .ant-typography-expand:focus-visible,
  .ant-typography-edit:focus-visible,
  .ant-typography-copy:focus-visible,
  .ant-typography-expand:hover,
  .ant-typography-edit:hover,
  .ant-typography-copy:hover {
    color: #165996;
  }

  .ant-typography-expand:active,
  .ant-typography-edit:active,
  .ant-typography-copy:active {
    color: #388ed3;
  }

  .ant-typography-copy-success,
  .ant-typography-copy-success:hover,
  .ant-typography-copy-success:focus {
    color: #49aa19;
  }

  .ant-typography-edit-content {
    position: relative;
  }

  div.ant-typography-edit-content {
    left: -12px;
    margin-top: -5px;
    margin-bottom: calc(1em - 4px - 1px);
  }

  .ant-typography-edit-content-confirm {
    position: absolute;
    right: 10px;
    bottom: 8px;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    pointer-events: none;
  }

  .ant-typography-edit-content textarea {
    height: 1em;
    margin: 0 !important;
    -moz-transition: none;
  }

  .ant-typography ul,
  .ant-typography ol {
    margin: 0 0 1em;
    padding: 0;
  }

  .ant-typography ul li,
  .ant-typography ol li {
    margin: 0 0 0 20px;
    padding: 0 0 0 4px;
  }

  .ant-typography ul {
    list-style-type: circle;
  }

  .ant-typography ul ul {
    list-style-type: disc;
  }

  .ant-typography ol {
    list-style-type: decimal;
  }

  .ant-typography pre,
  .ant-typography blockquote {
    margin: 1em 0;
  }

  .ant-typography pre {
    padding: 0.4em 0.6em;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: rgba(150, 150, 150, 0.1);
    border: 1px solid rgba(100, 100, 100, 0.2);
    border-radius: 3px;
  }

  .ant-typography pre code {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    background: 0 0;
    border: 0;
  }

  .ant-typography blockquote {
    padding: 0 0 0 0.6em;
    border-left: 4px solid rgba(100, 100, 100, 0.2);
    opacity: 0.85;
  }

  .ant-typography-single-line {
    white-space: nowrap;
  }

  .ant-typography-ellipsis-single-line {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  a.ant-typography-ellipsis-single-line,
  span.ant-typography-ellipsis-single-line {
    vertical-align: bottom;
  }

  .ant-typography-ellipsis-multiple-line {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .ant-typography-rtl {
    direction: rtl;
  }

  .ant-typography-rtl .ant-typography-expand,
  .ant-typography-rtl .ant-typography-edit,
  .ant-typography-rtl .ant-typography-copy {
    margin-right: 4px;
    margin-left: 0;
  }

  .ant-typography-rtl .ant-typography-expand {
    float: left;
  }

  div.ant-typography-edit-content.ant-typography-rtl {
    right: -12px;
    left: auto;
  }

  .ant-typography-rtl .ant-typography-edit-content-confirm {
    right: auto;
    left: 10px;
  }

  .ant-typography-rtl.ant-typography ul li,
  .ant-typography-rtl.ant-typography ol li {
    margin: 0 20px 0 0;
    padding: 0 4px 0 0;
  }

  .ant-upload {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    outline: 0;
  }

  .ant-upload p {
    margin: 0;
  }

  .ant-upload-btn {
    display: block;
    width: 100%;
    outline: none;
  }

  .ant-upload input[type="file"] {
    cursor: pointer;
  }

  .ant-upload.ant-upload-select {
    display: inline-block;
  }

  .ant-upload.ant-upload-disabled {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  .ant-upload.ant-upload-select-picture-card {
    width: 104px;
    height: 104px;
    margin-right: 8px;
    margin-bottom: 8px;
    text-align: center;
    vertical-align: top;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px dashed #434343;
    border-radius: 2px;
    cursor: pointer;
    transition: border-color 0.3s;
  }

  .ant-upload.ant-upload-select-picture-card > .ant-upload {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
  }

  .ant-upload.ant-upload-select-picture-card:hover {
    border-color: #177ddc;
  }

  .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
    border-color: #434343;
  }

  .ant-upload.ant-upload-drag {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.04);
    border: 1px dashed #434343;
    border-radius: 2px;
    cursor: pointer;
    transition: border-color 0.3s;
  }

  .ant-upload.ant-upload-drag .ant-upload {
    padding: 16px 0;
  }

  .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
    border-color: #388ed3;
  }

  .ant-upload.ant-upload-drag.ant-upload-disabled {
    cursor: not-allowed;
  }

  .ant-upload.ant-upload-drag .ant-upload-btn {
    display: table;
    height: 100%;
  }

  .ant-upload.ant-upload-drag .ant-upload-drag-container {
    display: table-cell;
    vertical-align: middle;
  }

  .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
    border-color: #165996;
  }

  .ant-upload.ant-upload-drag p.ant-upload-drag-icon {
    margin-bottom: 20px;
  }

  .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
    color: #165996;
    font-size: 48px;
  }

  .ant-upload.ant-upload-drag p.ant-upload-text {
    margin: 0 0 4px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
  }

  .ant-upload.ant-upload-drag p.ant-upload-hint {
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
  }

  .ant-upload.ant-upload-drag .anticon-plus {
    color: rgba(255, 255, 255, 0.3);
    font-size: 30px;
    transition: all 0.3s;
  }

  .ant-upload.ant-upload-drag .anticon-plus:hover {
    color: rgba(255, 255, 255, 0.45);
  }

  .ant-upload.ant-upload-drag:hover .anticon-plus {
    color: rgba(255, 255, 255, 0.45);
  }

  .ant-upload-picture-card-wrapper {
    display: inline-block;
    width: 100%;
  }

  .ant-upload-picture-card-wrapper::before {
    display: table;
    content: "";
  }

  .ant-upload-picture-card-wrapper::after {
    display: table;
    clear: both;
    content: "";
  }

  .ant-upload-list {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    line-height: 1.5715;
  }

  .ant-upload-list::before {
    display: table;
    content: "";
  }

  .ant-upload-list::after {
    display: table;
    clear: both;
    content: "";
  }

  .ant-upload-list-item {
    position: relative;
    height: 22.001px;
    margin-top: 8px;
    font-size: 14px;
  }

  .ant-upload-list-item-name {
    display: inline-block;
    width: 100%;
    padding-left: 22px;
    overflow: hidden;
    line-height: 1.5715;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .ant-upload-list-item-card-actions {
    position: absolute;
    right: 0;
  }

  .ant-upload-list-item-card-actions-btn {
    opacity: 0;
  }

  .ant-upload-list-item-card-actions-btn.ant-btn-sm {
    height: 22.001px;
    line-height: 1;
    vertical-align: top;
  }

  .ant-upload-list-item-card-actions.picture {
    top: 22px;
    line-height: 0;
  }

  .ant-upload-list-item-card-actions-btn:focus,
  .ant-upload-list-item-card-actions.picture
    .ant-upload-list-item-card-actions-btn {
    opacity: 1;
  }

  .ant-upload-list-item-card-actions .anticon {
    color: rgba(255, 255, 255, 0.45);
    transition: all 0.3s;
  }

  .ant-upload-list-item-card-actions:hover .anticon {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-upload-list-item-info {
    height: 100%;
    transition: background-color 0.3s;
  }

  .ant-upload-list-item-info > span {
    display: block;
    width: 100%;
    height: 100%;
  }

  .ant-upload-list-item-info .anticon-loading .anticon,
  .ant-upload-list-item-info .ant-upload-text-icon .anticon {
    position: absolute;
    top: 5px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 14px;
  }

  .ant-upload-list-item:hover .ant-upload-list-item-info {
    background-color: rgba(255, 255, 255, 0.08);
  }

  .ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
    opacity: 1;
  }

  .ant-upload-list-item-error,
  .ant-upload-list-item-error .ant-upload-text-icon > .anticon,
  .ant-upload-list-item-error .ant-upload-list-item-name {
    color: #a61d24;
  }

  .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
    color: #a61d24;
  }

  .ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
    opacity: 1;
  }

  .ant-upload-list-item-progress {
    position: absolute;
    bottom: -12px;
    width: 100%;
    padding-left: 26px;
    font-size: 14px;
    line-height: 0;
  }

  .ant-upload-list-picture .ant-upload-list-item,
  .ant-upload-list-picture-card .ant-upload-list-item {
    position: relative;
    height: 66px;
    padding: 8px;
    border: 1px solid #434343;
    border-radius: 2px;
  }

  .ant-upload-list-picture .ant-upload-list-item:hover,
  .ant-upload-list-picture-card .ant-upload-list-item:hover {
    background: 0 0;
  }

  .ant-upload-list-picture .ant-upload-list-item-error,
  .ant-upload-list-picture-card .ant-upload-list-item-error {
    border-color: #a61d24;
  }

  .ant-upload-list-picture .ant-upload-list-item-info,
  .ant-upload-list-picture-card .ant-upload-list-item-info {
    padding: 0;
  }

  .ant-upload-list-picture
    .ant-upload-list-item:hover
    .ant-upload-list-item-info,
  .ant-upload-list-picture-card
    .ant-upload-list-item:hover
    .ant-upload-list-item-info {
    background: 0 0;
  }

  .ant-upload-list-picture .ant-upload-list-item-uploading,
  .ant-upload-list-picture-card .ant-upload-list-item-uploading {
    border-style: dashed;
  }

  .ant-upload-list-picture .ant-upload-list-item-thumbnail,
  .ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
    width: 48px;
    height: 48px;
    line-height: 60px;
    text-align: center;
    opacity: 0.8;
  }

  .ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
  .ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
    font-size: 26px;
  }

  .ant-upload-list-picture
    .ant-upload-list-item-error
    .ant-upload-list-item-thumbnail
    .anticon
    svg
    path[fill="#e6f7ff"],
  .ant-upload-list-picture-card
    .ant-upload-list-item-error
    .ant-upload-list-item-thumbnail
    .anticon
    svg
    path[fill="#e6f7ff"] {
    fill: #2a1215;
  }

  .ant-upload-list-picture
    .ant-upload-list-item-error
    .ant-upload-list-item-thumbnail
    .anticon
    svg
    path[fill="#1890ff"],
  .ant-upload-list-picture-card
    .ant-upload-list-item-error
    .ant-upload-list-item-thumbnail
    .anticon
    svg
    path[fill="#1890ff"] {
    fill: #a61d24;
  }

  .ant-upload-list-picture .ant-upload-list-item-icon,
  .ant-upload-list-picture-card .ant-upload-list-item-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 26px;
    transform: translate(-50%, -50%);
  }

  .ant-upload-list-picture .ant-upload-list-item-icon .anticon,
  .ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
    font-size: 26px;
  }

  .ant-upload-list-picture .ant-upload-list-item-image,
  .ant-upload-list-picture-card .ant-upload-list-item-image {
    max-width: 100%;
  }

  .ant-upload-list-picture .ant-upload-list-item-thumbnail img,
  .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
    display: block;
    width: 48px;
    height: 48px;
    overflow: hidden;
  }

  .ant-upload-list-picture .ant-upload-list-item-name,
  .ant-upload-list-picture-card .ant-upload-list-item-name {
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 0 0 8px;
    padding-right: 8px;
    padding-left: 48px;
    overflow: hidden;
    line-height: 44px;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.3s;
  }

  .ant-upload-list-picture
    .ant-upload-list-item-uploading
    .ant-upload-list-item-name,
  .ant-upload-list-picture-card
    .ant-upload-list-item-uploading
    .ant-upload-list-item-name {
    margin-bottom: 12px;
  }

  .ant-upload-list-picture .ant-upload-list-item-progress,
  .ant-upload-list-picture-card .ant-upload-list-item-progress {
    bottom: 14px;
    width: calc(100% - 24px);
    margin-top: 0;
    padding-left: 56px;
  }

  .ant-upload-list-picture-card-container {
    display: inline-block;
    width: 104px;
    height: 104px;
    margin: 0 8px 8px 0;
    vertical-align: top;
  }

  .ant-upload-list-picture-card .ant-upload-list-item {
    height: 100%;
    margin: 0;
  }

  .ant-upload-list-picture-card .ant-upload-list-item-info {
    position: relative;
    height: 100%;
    overflow: hidden;
  }

  .ant-upload-list-picture-card .ant-upload-list-item-info::before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.3s;
    content: " ";
  }

  .ant-upload-list-picture-card
    .ant-upload-list-item:hover
    .ant-upload-list-item-info::before {
    opacity: 1;
  }

  .ant-upload-list-picture-card .ant-upload-list-item-actions {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.3s;
  }

  .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
  .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
  .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
    z-index: 10;
    width: 16px;
    margin: 0 4px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
  }

  .ant-upload-list-picture-card
    .ant-upload-list-item-actions
    .anticon-eye:hover,
  .ant-upload-list-picture-card
    .ant-upload-list-item-actions
    .anticon-download:hover,
  .ant-upload-list-picture-card
    .ant-upload-list-item-actions
    .anticon-delete:hover {
    color: #fff;
  }

  .ant-upload-list-picture-card
    .ant-upload-list-item-info:hover
    + .ant-upload-list-item-actions,
  .ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
    opacity: 1;
  }

  .ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
  .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .ant-upload-list-picture-card .ant-upload-list-item-name {
    display: none;
    margin: 8px 0 0;
    padding: 0;
    line-height: 1.5715;
    text-align: center;
  }

  .ant-upload-list-picture-card
    .ant-upload-list-item-file
    + .ant-upload-list-item-name {
    position: absolute;
    bottom: 10px;
    display: block;
  }

  .ant-upload-list-picture-card
    .ant-upload-list-item-uploading.ant-upload-list-item {
    background-color: rgba(255, 255, 255, 0.04);
  }

  .ant-upload-list-picture-card
    .ant-upload-list-item-uploading
    .ant-upload-list-item-info {
    height: auto;
  }

  .ant-upload-list-picture-card
    .ant-upload-list-item-uploading
    .ant-upload-list-item-info::before,
  .ant-upload-list-picture-card
    .ant-upload-list-item-uploading
    .ant-upload-list-item-info
    .anticon-eye,
  .ant-upload-list-picture-card
    .ant-upload-list-item-uploading
    .ant-upload-list-item-info
    .anticon-delete {
    display: none;
  }

  .ant-upload-list-picture-card .ant-upload-list-item-progress {
    bottom: 32px;
    width: calc(100% - 14px);
    padding-left: 0;
  }

  .ant-upload-list-text-container,
  .ant-upload-list-picture-container {
    transition: opacity 0.3s, height 0.3s;
  }

  .ant-upload-list-text-container::before,
  .ant-upload-list-picture-container::before {
    display: table;
    width: 0;
    height: 0;
    content: "";
  }

  .ant-upload-list-text-container .ant-upload-span,
  .ant-upload-list-picture-container .ant-upload-span {
    display: block;
    flex: auto;
  }

  .ant-upload-list-text .ant-upload-span,
  .ant-upload-list-picture .ant-upload-span {
    display: flex;
    align-items: center;
  }

  .ant-upload-list-text .ant-upload-span > *,
  .ant-upload-list-picture .ant-upload-span > * {
    flex: none;
  }

  .ant-upload-list-text .ant-upload-list-item-name,
  .ant-upload-list-picture .ant-upload-list-item-name {
    flex: auto;
    margin: 0;
    padding: 0 8px;
  }

  .ant-upload-list-text .ant-upload-list-item-card-actions,
  .ant-upload-list-picture .ant-upload-list-item-card-actions {
    position: static;
  }

  .ant-upload-list-text .ant-upload-text-icon .anticon {
    position: static;
  }

  .ant-upload-list .ant-upload-animate-inline-appear,
  .ant-upload-list .ant-upload-animate-inline-enter,
  .ant-upload-list .ant-upload-animate-inline-leave {
    animation-duration: 0.3s;
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    animation-fill-mode: forwards;
  }

  .ant-upload-list .ant-upload-animate-inline-appear,
  .ant-upload-list .ant-upload-animate-inline-enter {
    animation-name: uploadAnimateInlineIn;
  }

  .ant-upload-list .ant-upload-animate-inline-leave {
    animation-name: uploadAnimateInlineOut;
  }

  @keyframes uploadAnimateInlineIn {
    from {
      width: 0;
      height: 0;
      margin: 0;
      padding: 0;
      opacity: 0;
    }
  }

  @keyframes uploadAnimateInlineOut {
    to {
      width: 0;
      height: 0;
      margin: 0;
      padding: 0;
      opacity: 0;
    }
  }

  .ant-upload-rtl {
    direction: rtl;
  }

  .ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
    margin-right: auto;
    margin-left: 8px;
  }

  .ant-upload-list-rtl {
    direction: rtl;
  }

  .ant-upload-list-rtl
    .ant-upload-list-item-list-type-text:hover
    .ant-upload-list-item-name-icon-count-1 {
    padding-right: 22px;
    padding-left: 14px;
  }

  .ant-upload-list-rtl
    .ant-upload-list-item-list-type-text:hover
    .ant-upload-list-item-name-icon-count-2 {
    padding-right: 22px;
    padding-left: 28px;
  }

  .ant-upload-list-rtl .ant-upload-list-item-name {
    padding-right: 22px;
    padding-left: 0;
  }

  .ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
    padding-left: 14px;
  }

  .ant-upload-list-rtl .ant-upload-list-item-card-actions {
    right: auto;
    left: 0;
  }

  .ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
    padding-right: 0;
    padding-left: 5px;
  }

  .ant-upload-list-rtl .ant-upload-list-item-info {
    padding: 0 4px 0 12px;
  }

  .ant-upload-list-rtl
    .ant-upload-list-item-error
    .ant-upload-list-item-card-actions
    .anticon {
    padding-right: 0;
    padding-left: 5px;
  }

  .ant-upload-list-rtl .ant-upload-list-item-progress {
    padding-right: 26px;
    padding-left: 0;
  }

  .ant-upload-list-picture .ant-upload-list-item-info,
  .ant-upload-list-picture-card .ant-upload-list-item-info {
    padding: 0;
  }

  .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
  .ant-upload-list-rtl.ant-upload-list-picture-card
    .ant-upload-list-item-thumbnail {
    right: 8px;
    left: auto;
  }

  .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
  .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
    right: 50%;
    left: auto;
    transform: translate(50%, -50%);
  }

  .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
  .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
    margin: 0 8px 0 0;
    padding-right: 48px;
    padding-left: 8px;
  }

  .ant-upload-list-rtl.ant-upload-list-picture
    .ant-upload-list-item-name-icon-count-1,
  .ant-upload-list-rtl.ant-upload-list-picture-card
    .ant-upload-list-item-name-icon-count-1 {
    padding-right: 48px;
    padding-left: 18px;
  }

  .ant-upload-list-rtl.ant-upload-list-picture
    .ant-upload-list-item-name-icon-count-2,
  .ant-upload-list-rtl.ant-upload-list-picture-card
    .ant-upload-list-item-name-icon-count-2 {
    padding-right: 48px;
    padding-left: 36px;
  }

  .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
  .ant-upload-list-rtl.ant-upload-list-picture-card
    .ant-upload-list-item-progress {
    padding-right: 0;
    padding-left: 0;
  }

  .ant-upload-list-rtl .ant-upload-list-picture-card-container {
    margin: 0 0 8px 8px;
  }

  .ant-upload-list-rtl.ant-upload-list-picture-card
    .ant-upload-list-item-actions {
    right: 50%;
    left: auto;
    transform: translate(50%, -50%);
  }

  .ant-upload-list-rtl.ant-upload-list-picture-card
    .ant-upload-list-item-file
    + .ant-upload-list-item-name {
    margin: 8px 0 0;
    padding: 0;
  }

  [class^="ant-"]::-ms-clear,
  [class*="ant-"]::-ms-clear,
  [class^="ant-"] input::-ms-clear,
  [class*="ant-"] input::-ms-clear,
  [class^="ant-"] input::-ms-reveal,
  [class*="ant-"] input::-ms-reveal {
    display: none;
  }

  html,
  body {
    width: 100%;
    height: 100%;
  }

  input::-ms-clear,
  input::-ms-reveal {
    display: none;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
  }

  @-ms-viewport {
    width: device-width;
  }

  body {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
      helvetica neue, Arial, noto sans, sans-serif, apple color emoji,
      segoe ui emoji, segoe ui symbol, noto color emoji;
    font-variant: tabular-nums;
    line-height: 1.5715;
    background-color: #000;
    font-feature-settings: "tnum";
  }

  [tabindex="-1"]:focus {
    outline: none !important;
  }

  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-top: 0;
    margin-bottom: 0.5em;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
  }

  p {
    margin-top: 0;
    margin-bottom: 1em;
  }

  abbr[title],
  abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    border-bottom: 0;
    cursor: help;
  }

  address {
    margin-bottom: 1em;
    font-style: normal;
    line-height: inherit;
  }

  input[type="text"],
  input[type="password"],
  input[type="number"],
  textarea {
    -webkit-appearance: none;
  }

  ol,
  ul,
  dl {
    margin-top: 0;
    margin-bottom: 1em;
  }

  ol ol,
  ul ul,
  ol ul,
  ul ol {
    margin-bottom: 0;
  }

  dt {
    font-weight: 500;
  }

  dd {
    margin-bottom: 0.5em;
    margin-left: 0;
  }

  blockquote {
    margin: 0 0 1em;
  }

  dfn {
    font-style: italic;
  }

  b,
  strong {
    font-weight: bolder;
  }

  small {
    font-size: 80%;
  }

  sub,
  sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
  }

  sub {
    bottom: -0.25em;
  }

  sup {
    top: -0.5em;
  }

  a {
    color: #177ddc;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: color 0.3s;
    -webkit-text-decoration-skip: objects;
  }

  a:hover {
    color: #165996;
  }

  a:active {
    color: #388ed3;
  }

  a:active,
  a:hover {
    text-decoration: none;
    outline: 0;
  }

  a:focus {
    text-decoration: none;
    outline: 0;
  }

  a[disabled] {
    color: rgba(255, 255, 255, 0.3);
    cursor: not-allowed;
  }

  pre,
  code,
  kbd,
  samp {
    font-size: 1em;
    font-family: sfmono-regular, Consolas, liberation mono, Menlo, Courier,
      monospace;
  }

  pre {
    margin-top: 0;
    margin-bottom: 1em;
    overflow: auto;
  }

  figure {
    margin: 0 0 1em;
  }

  img {
    vertical-align: middle;
    border-style: none;
  }

  a,
  area,
  button,
  [role="button"],
  input:not([type="range"]),
  label,
  select,
  summary,
  textarea {
    touch-action: manipulation;
  }

  table {
    border-collapse: collapse;
  }

  caption {
    padding-top: 0.75em;
    padding-bottom: 0.3em;
    color: rgba(255, 255, 255, 0.45);
    text-align: left;
    caption-side: bottom;
  }

  input,
  button,
  select,
  optgroup,
  textarea {
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
  }

  button,
  input {
    overflow: visible;
  }

  button,
  select {
    text-transform: none;
  }

  button,
  html [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }

  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }

  input[type="radio"],
  input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
  }

  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    -webkit-appearance: listbox;
  }

  textarea {
    overflow: auto;
    resize: vertical;
  }

  fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
  }

  legend {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0.5em;
    padding: 0;
    color: inherit;
    font-size: 1.5em;
    line-height: inherit;
    white-space: normal;
  }

  progress {
    vertical-align: baseline;
  }

  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }

  [type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
  }

  [type="search"]::-webkit-search-cancel-button,
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
  }

  output {
    display: inline-block;
  }

  summary {
    display: list-item;
  }

  template {
    display: none;
  }

  [hidden] {
    display: none !important;
  }

  mark {
    padding: 0.2em;
    background-color: #2b2611;
  }

  ::-moz-selection {
    color: #fff;
    background: #177ddc;
  }

  ::selection {
    color: #fff;
    background: #177ddc;
  }

  .clearfix::before {
    display: table;
    content: "";
  }

  .clearfix::after {
    display: table;
    clear: both;
    content: "";
  }

  .anticon {
    display: inline-flex;
    align-items: center;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -0.125em;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .anticon > * {
    line-height: 1;
  }

  .anticon svg {
    display: inline-block;
  }

  .anticon::before {
    display: none;
  }

  .anticon .anticon-icon {
    display: block;
  }

  .anticon > .anticon {
    line-height: 0;
    vertical-align: 0;
  }

  .anticon[tabindex] {
    cursor: pointer;
  }

  .anticon-spin,
  .anticon-spin::before {
    display: inline-block;
    animation: loadingCircle 1s infinite linear;
  }

  .ant-fade-enter,
  .ant-fade-appear {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-fade-leave {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-fade-enter.ant-fade-enter-active,
  .ant-fade-appear.ant-fade-appear-active {
    animation-name: antFadeIn;
    animation-play-state: running;
  }

  .ant-fade-leave.ant-fade-leave-active {
    animation-name: antFadeOut;
    animation-play-state: running;
    pointer-events: none;
  }

  .ant-fade-enter,
  .ant-fade-appear {
    opacity: 0;
    animation-timing-function: linear;
  }

  .ant-fade-leave {
    animation-timing-function: linear;
  }

  @keyframes antFadeIn {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  @keyframes antFadeOut {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  }

  .ant-move-up-enter,
  .ant-move-up-appear {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-move-up-leave {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-move-up-enter.ant-move-up-enter-active,
  .ant-move-up-appear.ant-move-up-appear-active {
    animation-name: antMoveUpIn;
    animation-play-state: running;
  }

  .ant-move-up-leave.ant-move-up-leave-active {
    animation-name: antMoveUpOut;
    animation-play-state: running;
    pointer-events: none;
  }

  .ant-move-up-enter,
  .ant-move-up-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  }

  .ant-move-up-leave {
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  }

  .ant-move-down-enter,
  .ant-move-down-appear {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-move-down-leave {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-move-down-enter.ant-move-down-enter-active,
  .ant-move-down-appear.ant-move-down-appear-active {
    animation-name: antMoveDownIn;
    animation-play-state: running;
  }

  .ant-move-down-leave.ant-move-down-leave-active {
    animation-name: antMoveDownOut;
    animation-play-state: running;
    pointer-events: none;
  }

  .ant-move-down-enter,
  .ant-move-down-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  }

  .ant-move-down-leave {
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  }

  .ant-move-left-enter,
  .ant-move-left-appear {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-move-left-leave {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-move-left-enter.ant-move-left-enter-active,
  .ant-move-left-appear.ant-move-left-appear-active {
    animation-name: antMoveLeftIn;
    animation-play-state: running;
  }

  .ant-move-left-leave.ant-move-left-leave-active {
    animation-name: antMoveLeftOut;
    animation-play-state: running;
    pointer-events: none;
  }

  .ant-move-left-enter,
  .ant-move-left-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  }

  .ant-move-left-leave {
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  }

  .ant-move-right-enter,
  .ant-move-right-appear {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-move-right-leave {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-move-right-enter.ant-move-right-enter-active,
  .ant-move-right-appear.ant-move-right-appear-active {
    animation-name: antMoveRightIn;
    animation-play-state: running;
  }

  .ant-move-right-leave.ant-move-right-leave-active {
    animation-name: antMoveRightOut;
    animation-play-state: running;
    pointer-events: none;
  }

  .ant-move-right-enter,
  .ant-move-right-appear {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  }

  .ant-move-right-leave {
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  }

  @keyframes antMoveDownIn {
    0% {
      transform: translateY(100%);
      transform-origin: 0 0;
      opacity: 0;
    }

    100% {
      transform: translateY(0%);
      transform-origin: 0 0;
      opacity: 1;
    }
  }

  @keyframes antMoveDownOut {
    0% {
      transform: translateY(0%);
      transform-origin: 0 0;
      opacity: 1;
    }

    100% {
      transform: translateY(100%);
      transform-origin: 0 0;
      opacity: 0;
    }
  }

  @keyframes antMoveLeftIn {
    0% {
      transform: translateX(-100%);
      transform-origin: 0 0;
      opacity: 0;
    }

    100% {
      transform: translateX(0%);
      transform-origin: 0 0;
      opacity: 1;
    }
  }

  @keyframes antMoveLeftOut {
    0% {
      transform: translateX(0%);
      transform-origin: 0 0;
      opacity: 1;
    }

    100% {
      transform: translateX(-100%);
      transform-origin: 0 0;
      opacity: 0;
    }
  }

  @keyframes antMoveRightIn {
    0% {
      transform: translateX(100%);
      transform-origin: 0 0;
      opacity: 0;
    }

    100% {
      transform: translateX(0%);
      transform-origin: 0 0;
      opacity: 1;
    }
  }

  @keyframes antMoveRightOut {
    0% {
      transform: translateX(0%);
      transform-origin: 0 0;
      opacity: 1;
    }

    100% {
      transform: translateX(100%);
      transform-origin: 0 0;
      opacity: 0;
    }
  }

  @keyframes antMoveUpIn {
    0% {
      transform: translateY(-100%);
      transform-origin: 0 0;
      opacity: 0;
    }

    100% {
      transform: translateY(0%);
      transform-origin: 0 0;
      opacity: 1;
    }
  }

  @keyframes antMoveUpOut {
    0% {
      transform: translateY(0%);
      transform-origin: 0 0;
      opacity: 1;
    }

    100% {
      transform: translateY(-100%);
      transform-origin: 0 0;
      opacity: 0;
    }
  }

  @keyframes loadingCircle {
    100% {
      transform: rotate(360deg);
    }
  }

  [ant-click-animating="true"],
  [ant-click-animating-without-extra-node="true"] {
    position: relative;
  }

  html {
    --antd-wave-shadow-color: #177ddc;
    --scroll-bar: 0;
  }

  [ant-click-animating-without-extra-node="true"]::after,
  .ant-click-animating-node {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border-radius: inherit;
    box-shadow: 0 0 0 0 #177ddc;
    box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
    opacity: 0.2;
    animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1),
      waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
    animation-fill-mode: forwards;
    content: "";
    pointer-events: none;
  }

  @keyframes waveEffect {
    100% {
      box-shadow: 0 0 0 #177ddc;
      box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
    }
  }

  @keyframes fadeEffect {
    100% {
      opacity: 0;
    }
  }

  .ant-slide-up-enter,
  .ant-slide-up-appear {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-slide-up-leave {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-slide-up-enter.ant-slide-up-enter-active,
  .ant-slide-up-appear.ant-slide-up-appear-active {
    animation-name: antSlideUpIn;
    animation-play-state: running;
  }

  .ant-slide-up-leave.ant-slide-up-leave-active {
    animation-name: antSlideUpOut;
    animation-play-state: running;
    pointer-events: none;
  }

  .ant-slide-up-enter,
  .ant-slide-up-appear {
    transform: scale(0);
    transform-origin: 0% 0%;
    opacity: 0;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }

  .ant-slide-up-leave {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }

  .ant-slide-down-enter,
  .ant-slide-down-appear {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-slide-down-leave {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-slide-down-enter.ant-slide-down-enter-active,
  .ant-slide-down-appear.ant-slide-down-appear-active {
    animation-name: antSlideDownIn;
    animation-play-state: running;
  }

  .ant-slide-down-leave.ant-slide-down-leave-active {
    animation-name: antSlideDownOut;
    animation-play-state: running;
    pointer-events: none;
  }

  .ant-slide-down-enter,
  .ant-slide-down-appear {
    transform: scale(0);
    transform-origin: 0% 0%;
    opacity: 0;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }

  .ant-slide-down-leave {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }

  .ant-slide-left-enter,
  .ant-slide-left-appear {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-slide-left-leave {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-slide-left-enter.ant-slide-left-enter-active,
  .ant-slide-left-appear.ant-slide-left-appear-active {
    animation-name: antSlideLeftIn;
    animation-play-state: running;
  }

  .ant-slide-left-leave.ant-slide-left-leave-active {
    animation-name: antSlideLeftOut;
    animation-play-state: running;
    pointer-events: none;
  }

  .ant-slide-left-enter,
  .ant-slide-left-appear {
    transform: scale(0);
    transform-origin: 0% 0%;
    opacity: 0;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }

  .ant-slide-left-leave {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }

  .ant-slide-right-enter,
  .ant-slide-right-appear {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-slide-right-leave {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-slide-right-enter.ant-slide-right-enter-active,
  .ant-slide-right-appear.ant-slide-right-appear-active {
    animation-name: antSlideRightIn;
    animation-play-state: running;
  }

  .ant-slide-right-leave.ant-slide-right-leave-active {
    animation-name: antSlideRightOut;
    animation-play-state: running;
    pointer-events: none;
  }

  .ant-slide-right-enter,
  .ant-slide-right-appear {
    transform: scale(0);
    transform-origin: 0% 0%;
    opacity: 0;
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }

  .ant-slide-right-leave {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  }

  @keyframes antSlideUpIn {
    0% {
      transform: scaleY(0.8);
      transform-origin: 0% 0%;
      opacity: 0;
    }

    100% {
      transform: scaleY(1);
      transform-origin: 0% 0%;
      opacity: 1;
    }
  }

  @keyframes antSlideUpOut {
    0% {
      transform: scaleY(1);
      transform-origin: 0% 0%;
      opacity: 1;
    }

    100% {
      transform: scaleY(0.8);
      transform-origin: 0% 0%;
      opacity: 0;
    }
  }

  @keyframes antSlideDownIn {
    0% {
      transform: scaleY(0.8);
      transform-origin: 100% 100%;
      opacity: 0;
    }

    100% {
      transform: scaleY(1);
      transform-origin: 100% 100%;
      opacity: 1;
    }
  }

  @keyframes antSlideDownOut {
    0% {
      transform: scaleY(1);
      transform-origin: 100% 100%;
      opacity: 1;
    }

    100% {
      transform: scaleY(0.8);
      transform-origin: 100% 100%;
      opacity: 0;
    }
  }

  @keyframes antSlideLeftIn {
    0% {
      transform: scaleX(0.8);
      transform-origin: 0% 0%;
      opacity: 0;
    }

    100% {
      transform: scaleX(1);
      transform-origin: 0% 0%;
      opacity: 1;
    }
  }

  @keyframes antSlideLeftOut {
    0% {
      transform: scaleX(1);
      transform-origin: 0% 0%;
      opacity: 1;
    }

    100% {
      transform: scaleX(0.8);
      transform-origin: 0% 0%;
      opacity: 0;
    }
  }

  @keyframes antSlideRightIn {
    0% {
      transform: scaleX(0.8);
      transform-origin: 100% 0%;
      opacity: 0;
    }

    100% {
      transform: scaleX(1);
      transform-origin: 100% 0%;
      opacity: 1;
    }
  }

  @keyframes antSlideRightOut {
    0% {
      transform: scaleX(1);
      transform-origin: 100% 0%;
      opacity: 1;
    }

    100% {
      transform: scaleX(0.8);
      transform-origin: 100% 0%;
      opacity: 0;
    }
  }

  .ant-zoom-enter,
  .ant-zoom-appear {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-zoom-leave {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-zoom-enter.ant-zoom-enter-active,
  .ant-zoom-appear.ant-zoom-appear-active {
    animation-name: antZoomIn;
    animation-play-state: running;
  }

  .ant-zoom-leave.ant-zoom-leave-active {
    animation-name: antZoomOut;
    animation-play-state: running;
    pointer-events: none;
  }

  .ant-zoom-enter,
  .ant-zoom-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  }

  .ant-zoom-enter-prepare,
  .ant-zoom-appear-prepare {
    transform: none;
  }

  .ant-zoom-leave {
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  }

  .ant-zoom-big-enter,
  .ant-zoom-big-appear {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-zoom-big-leave {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-zoom-big-enter.ant-zoom-big-enter-active,
  .ant-zoom-big-appear.ant-zoom-big-appear-active {
    animation-name: antZoomBigIn;
    animation-play-state: running;
  }

  .ant-zoom-big-leave.ant-zoom-big-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none;
  }

  .ant-zoom-big-enter,
  .ant-zoom-big-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  }

  .ant-zoom-big-enter-prepare,
  .ant-zoom-big-appear-prepare {
    transform: none;
  }

  .ant-zoom-big-leave {
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  }

  .ant-zoom-big-fast-enter,
  .ant-zoom-big-fast-appear {
    animation-duration: 0.1s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-zoom-big-fast-leave {
    animation-duration: 0.1s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
  .ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
    animation-name: antZoomBigIn;
    animation-play-state: running;
  }

  .ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none;
  }

  .ant-zoom-big-fast-enter,
  .ant-zoom-big-fast-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  }

  .ant-zoom-big-fast-enter-prepare,
  .ant-zoom-big-fast-appear-prepare {
    transform: none;
  }

  .ant-zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  }

  .ant-zoom-up-enter,
  .ant-zoom-up-appear {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-zoom-up-leave {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-zoom-up-enter.ant-zoom-up-enter-active,
  .ant-zoom-up-appear.ant-zoom-up-appear-active {
    animation-name: antZoomUpIn;
    animation-play-state: running;
  }

  .ant-zoom-up-leave.ant-zoom-up-leave-active {
    animation-name: antZoomUpOut;
    animation-play-state: running;
    pointer-events: none;
  }

  .ant-zoom-up-enter,
  .ant-zoom-up-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  }

  .ant-zoom-up-enter-prepare,
  .ant-zoom-up-appear-prepare {
    transform: none;
  }

  .ant-zoom-up-leave {
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  }

  .ant-zoom-down-enter,
  .ant-zoom-down-appear {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-zoom-down-leave {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-zoom-down-enter.ant-zoom-down-enter-active,
  .ant-zoom-down-appear.ant-zoom-down-appear-active {
    animation-name: antZoomDownIn;
    animation-play-state: running;
  }

  .ant-zoom-down-leave.ant-zoom-down-leave-active {
    animation-name: antZoomDownOut;
    animation-play-state: running;
    pointer-events: none;
  }

  .ant-zoom-down-enter,
  .ant-zoom-down-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  }

  .ant-zoom-down-enter-prepare,
  .ant-zoom-down-appear-prepare {
    transform: none;
  }

  .ant-zoom-down-leave {
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  }

  .ant-zoom-left-enter,
  .ant-zoom-left-appear {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-zoom-left-leave {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-zoom-left-enter.ant-zoom-left-enter-active,
  .ant-zoom-left-appear.ant-zoom-left-appear-active {
    animation-name: antZoomLeftIn;
    animation-play-state: running;
  }

  .ant-zoom-left-leave.ant-zoom-left-leave-active {
    animation-name: antZoomLeftOut;
    animation-play-state: running;
    pointer-events: none;
  }

  .ant-zoom-left-enter,
  .ant-zoom-left-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  }

  .ant-zoom-left-enter-prepare,
  .ant-zoom-left-appear-prepare {
    transform: none;
  }

  .ant-zoom-left-leave {
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  }

  .ant-zoom-right-enter,
  .ant-zoom-right-appear {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-zoom-right-leave {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    animation-play-state: paused;
  }

  .ant-zoom-right-enter.ant-zoom-right-enter-active,
  .ant-zoom-right-appear.ant-zoom-right-appear-active {
    animation-name: antZoomRightIn;
    animation-play-state: running;
  }

  .ant-zoom-right-leave.ant-zoom-right-leave-active {
    animation-name: antZoomRightOut;
    animation-play-state: running;
    pointer-events: none;
  }

  .ant-zoom-right-enter,
  .ant-zoom-right-appear {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  }

  .ant-zoom-right-enter-prepare,
  .ant-zoom-right-appear-prepare {
    transform: none;
  }

  .ant-zoom-right-leave {
    animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  }

  @keyframes antZoomIn {
    0% {
      transform: scale(0.2);
      opacity: 0;
    }

    100% {
      transform: scale(1);
      opacity: 1;
    }
  }

  @keyframes antZoomOut {
    0% {
      transform: scale(1);
    }

    100% {
      transform: scale(0.2);
      opacity: 0;
    }
  }

  @keyframes antZoomBigIn {
    0% {
      transform: scale(0.8);
      opacity: 0;
    }

    100% {
      transform: scale(1);
      opacity: 1;
    }
  }

  @keyframes antZoomBigOut {
    0% {
      transform: scale(1);
    }

    100% {
      transform: scale(0.8);
      opacity: 0;
    }
  }

  @keyframes antZoomUpIn {
    0% {
      transform: scale(0.8);
      transform-origin: 50% 0%;
      opacity: 0;
    }

    100% {
      transform: scale(1);
      transform-origin: 50% 0%;
    }
  }

  @keyframes antZoomUpOut {
    0% {
      transform: scale(1);
      transform-origin: 50% 0%;
    }

    100% {
      transform: scale(0.8);
      transform-origin: 50% 0%;
      opacity: 0;
    }
  }

  @keyframes antZoomLeftIn {
    0% {
      transform: scale(0.8);
      transform-origin: 0% 50%;
      opacity: 0;
    }

    100% {
      transform: scale(1);
      transform-origin: 0% 50%;
    }
  }

  @keyframes antZoomLeftOut {
    0% {
      transform: scale(1);
      transform-origin: 0% 50%;
    }

    100% {
      transform: scale(0.8);
      transform-origin: 0% 50%;
      opacity: 0;
    }
  }

  @keyframes antZoomRightIn {
    0% {
      transform: scale(0.8);
      transform-origin: 100% 50%;
      opacity: 0;
    }

    100% {
      transform: scale(1);
      transform-origin: 100% 50%;
    }
  }

  @keyframes antZoomRightOut {
    0% {
      transform: scale(1);
      transform-origin: 100% 50%;
    }

    100% {
      transform: scale(0.8);
      transform-origin: 100% 50%;
      opacity: 0;
    }
  }

  @keyframes antZoomDownIn {
    0% {
      transform: scale(0.8);
      transform-origin: 50% 100%;
      opacity: 0;
    }

    100% {
      transform: scale(1);
      transform-origin: 50% 100%;
    }
  }

  @keyframes antZoomDownOut {
    0% {
      transform: scale(1);
      transform-origin: 50% 100%;
    }

    100% {
      transform: scale(0.8);
      transform-origin: 50% 100%;
      opacity: 0;
    }
  }

  .ant-motion-collapse-legacy {
    overflow: hidden;
  }

  .ant-motion-collapse-legacy-active {
    transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
      opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }

  .ant-motion-collapse {
    overflow: hidden;
    transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
      opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }

  .components-overview {
    padding: 0;
  }

  .components-overview-group-title {
    margin-bottom: 24px !important;
  }

  .components-overview-title {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    text-overflow: ellipsis;
  }

  .components-overview-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 152px;
  }

  .components-overview-card {
    cursor: pointer;
    transition: all 0.5s;
  }

  .components-overview-card:hover {
    box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.32),
      0 9px 28px 0 rgba(0, 0, 0, 0.2), 0 12px 48px 16px rgba(0, 0, 0, 0.12);
  }

  .components-overview-search.ant-input-affix-wrapper {
    width: 100%;
    padding: 0;
    font-size: 20px;
    border: 0;
    box-shadow: none;
  }

  .components-overview-search.ant-input-affix-wrapper input {
    color: rgba(0, 0, 0, 0.85);
    font-size: 20px;
  }

  .components-overview-search.ant-input-affix-wrapper .anticon {
    color: #bbb;
  }

  .home-banner-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .home-banner-background > * {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }

  .home-banner-background > img {
    display: block;
  }

  .home-banner-background > svg {
    display: none;
  }

  @media (min-width: 576px) {
    .home-banner-background > img {
      display: none;
    }

    .home-banner-background > svg {
      display: block;
    }
  }

  .home-card-logo {
    position: relative;
    display: inline-block;
    max-width: 500px;
    margin: 0 32px;
    cursor: pointer;
  }

  .home-card-logo .home-card-logo-icon {
    position: absolute;
    top: -38px;
    left: 339px;
    display: none;
    width: 64px;
    height: 64px;
  }

  .home-card-logo .home-banner-mini {
    display: block;
    max-width: 100%;
  }

  .home-card-logo .home-banner-normal {
    display: none;
  }

  @media (min-width: 576px) {
    .home-card-logo {
      height: 90px;
      vertical-align: top;
    }

    .home-card-logo .home-banner-mini {
      display: none;
    }

    .home-card-logo .home-banner-normal {
      display: block;
    }

    .home-card-logo .home-card-logo-icon {
      display: block;
    }
  }

  .home-banner {
    position: relative;
    height: 512px;
    overflow: hidden;
    background: url(https://gw.alipayobjects.com/zos/basement_prod/a8cf2dfe-ff6a-4a2e-ab73-f72dced0df99.svg);
    background-size: cover;
  }

  .home-banner-holder {
    position: relative;
    z-index: 1;
    margin-top: 160px;
  }

  .home-banner-content {
    margin: 0 auto;
    padding: 0 16px;
    font-size: 14px;
    text-align: center;
  }

  .home-banner-content p {
    margin: 16px 0 0;
    font-weight: lighter;
  }

  .home-banner-content .banner-video {
    display: none;
    margin: 20px auto 0;
    color: #0170fe;
  }

  .home-banner-content .banner-qr {
    margin: 8px auto 0;
    font-weight: 400;
    text-align: center;
  }

  .home-banner-content .banner-qr a {
    color: #0170fe;
  }

  .home-banner-content .banner-qr img {
    display: inline-block;
    width: 18px;
    margin-right: 8px;
    vertical-align: text-bottom;
  }

  .rtl .home-banner-content .banner-qr img {
    margin-right: 0;
    margin-left: 8px;
  }

  .home-banner-content-operations {
    margin-top: 72px;
    white-space: nowrap;
  }

  .home-banner-content-operations a {
    margin: 0 8px;
  }

  .home-banner-content-operations button.ant-btn {
    height: auto;
    padding: 8px 24px;
    color: #0170fe;
    font-size: 14px;
    border-color: #0170fe;
  }

  .home-banner-content-operations button.ant-btn:hover {
    color: #348dfe;
    border-color: #348dfe;
  }

  .home-banner-content-operations button.ant-btn.ant-btn-primary {
    color: #fff;
    background: #0170fe;
  }

  .home-banner-content-operations button.ant-btn.ant-btn-primary:hover {
    background-color: #348dfe;
  }

  .banner-qr-code .ant-popover-inner-content {
    padding: 12px;
  }

  .banner-qr-code img {
    width: 136px;
    height: 136px;
  }

  .banner-qr-code p {
    margin: 8px 0 0;
    color: #314659;
    text-align: center;
  }

  @media (min-width: 576px) {
    .home-banner {
      height: 448px;
    }

    .home-banner-holder {
      margin-top: 130px;
    }

    .home-banner-content {
      font-size: 16px;
    }

    .home-banner-content p {
      margin-top: 24px;
    }

    .home-banner-content .video {
      margin: 8px auto;
    }

    .home-banner-content-operations {
      margin-top: 40px;
    }

    .home-banner-content-operations button.ant-btn {
      font-size: 16px;
    }
  }

  .recommend-block {
    position: relative;
    display: block;
    height: 192px;
    overflow: hidden;
    border-radius: 2px;
  }

  .recommend-block img {
    position: relative;
    z-index: -1;
    width: 100%;
    height: 100%;
    vertical-align: top;
    background-clip: cover;
    transition: all 0.36s ease-out;
  }

  .recommend-block-loading {
    background: linear-gradient(
      90deg,
      rgba(207, 216, 220, 0.2),
      rgba(207, 216, 220, 0.4),
      rgba(207, 216, 220, 0.2)
    );
    border-radius: 4px;
  }

  .recommend-block-loading img,
  .recommend-block-loading::before {
    display: none;
  }

  .recommend-block:hover img {
    transform: scale(1.04);
  }

  .recommend-block::before {
    background: linear-gradient(
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.25) 40%,
      rgba(0, 0, 0, 0.65) 100%
    );
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.3;
    transition: all 0.5s;
    content: "";
    pointer-events: none;
  }

  .recommend-block .recommend-popularize {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 8px;
    color: #314659;
    line-height: 28px;
    background: #ffd75a;
    border-radius: 0 0 4px;
  }

  .recommend-block .recommend-content {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 16px 16px;
    transform: translateY(100%);
    transition: transform 0.3s;
  }

  .recommend-block .recommend-content .ant-typography {
    margin: 0;
    color: #fff;
  }

  .recommend-block .recommend-content h4 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 0 16px 16px;
    transform: translateY(-100%);
    transition: padding 0.3s;
  }

  .recommend-block .recommend-content p {
    color: rgba(255, 255, 255, 0.85);
    opacity: 0;
    transition: opacity 0.3s, margin 0.3s;
  }

  @media (max-width: 576px) {
    .recommend-block h4.ant-typography {
      padding: 0 16px 16px;
      font-size: 18px;
    }
  }

  @media (min-width: 576px) {
    .recommend-block-main {
      height: 408px;
    }

    .recommend-block-main::before {
      background: linear-gradient(
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.25) 70%,
        rgba(0, 0, 0, 0.65) 100%
      );
    }

    .recommend-block:hover::before {
      opacity: 1;
    }

    .recommend-block:hover .recommend-content {
      transform: translateY(0);
    }

    .recommend-block:hover .recommend-content h4 {
      padding-bottom: 8px;
    }

    .recommend-block:hover .recommend-content p {
      opacity: 1;
    }
  }

  .design-card {
    position: relative;
    min-height: 278px;
    padding: 32px 40px;
    color: #697b8c;
    line-height: 2;
    background: rgba(0, 0, 0, 0.1);
  }

  .design-card.main-card {
    background-image: url(https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*i1EySrFVZvAAAAAAAAAAAABkARQnAQ);
    background-size: cover;
  }

  .design-card h3,
  .design-card h4 {
    color: #0d1a26;
  }

  .design-card a {
    color: #2f54eb;
  }

  .design-card .design-card-detail {
    display: block;
    margin-top: 12px;
  }

  .design-card .design-values {
    text-align: center;
  }

  .design-card .design-values img {
    display: block;
    display: none;
    width: 56px;
    height: 56px;
    margin: 20px auto 0;
  }

  .design-card .design-values h4 {
    margin-top: 18px;
    font-weight: 400;
  }

  .design-card.sub-card {
    padding: 0;
  }

  .design-card.sub-card .card-info {
    display: flex;
    flex-direction: column;
    padding: 40px 0 32px 40px;
  }

  .ant-row-rtl .design-card.sub-card .card-info {
    padding: 40px 40px 32px 0;
  }

  .design-card.sub-card .card-info ul {
    margin-top: auto;
  }

  .design-card.sub-card .card-info ul li {
    margin-top: 16px;
  }

  .design-card.sub-card .card-info ul li a {
    color: #2f54eb;
  }

  .design-mini-panel:hover {
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  }

  .design-mini-panel .ant-card-meta-title {
    color: #0d1a26;
    font-weight: 400;
    font-size: 20px;
  }

  .design-mini-panel .ant-card-body {
    padding: 16px 20px 20px;
  }

  .design-mini-panel .ant-card-meta-description {
    color: #697b8c;
  }

  @media (min-width: 576px) {
    .design-card.main-card {
      padding-right: 0;
    }

    .ant-row-rtl .design-card.main-card {
      padding-right: 40px;
      padding-left: 0;
    }

    .design-card.sub-card {
      background-image: none !important;
    }
  }

  @media (max-width: 576px) {
    .design-card {
      height: 478px;
      padding: 24px 16px;
    }

    .design-card.main-card {
      height: auto;
      padding-bottom: 16px;
      background-image: url(https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*a8u5Q4QIJzcAAAAAAAAAAABkARQnAQ);
    }

    .design-card h3.ant-typography {
      margin-bottom: 16px;
      font-size: 18px;
    }

    .design-card .design-card-detail {
      position: relative;
      display: block;
      margin-top: 12px;
      line-height: 22px;
    }

    .design-card .design-values img {
      display: block;
    }

    .design-card .design-values svg {
      display: none;
    }

    .design-card .design-values h4 {
      margin-top: 8px;
    }

    .design-card.sub-card {
      padding: 0;
      line-height: 1.5;
      background-repeat: no-repeat !important;
      background-position: left 50% bottom 0% !important;
      background-size: contain !important;
    }

    .design-card.sub-card h3.ant-typography {
      margin-bottom: 4px;
    }

    .design-card.sub-card .card-info {
      padding: 24px 16px 0;
    }

    .design-card.sub-card ul {
      margin-top: auto;
    }

    .design-card.sub-card ul li {
      margin-top: 12px;
    }

    .design-card .design-card-img-col {
      display: none;
    }

    .design-mini-panels {
      margin-top: -23px !important;
    }

    .design-mini-panels .design-mini-panel .ant-card-body {
      padding: 16px 16px 20px;
    }

    .design-mini-panels .design-mini-panel .ant-card-body .ant-card-meta-title {
      margin-bottom: 4px;
      font-size: 18px;
    }
  }

  html.en-us .design-card.main-card {
    line-height: 22px;
  }

  .more-card:hover {
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  }

  .more-card .ant-card-cover {
    padding: 24px 24px 0;
  }

  .more-card .ant-card-body {
    color: #314659;
  }

  .more-card .ant-card-meta-detail {
    display: flex;
    flex-direction: column;
    min-height: 170px;
  }

  .more-card .ant-card-meta-detail .ant-card-meta-title {
    min-height: 50px;
    margin-bottom: 16px;
    color: #0d1a26;
    font-weight: 400;
    white-space: normal;
    text-overflow: initial;
    word-break: break-word;
  }

  .more-card .ant-card-meta-detail .ant-card-meta-description {
    flex: auto;
    color: #697b8c;
  }

  .more-card .more-card-source {
    float: right;
  }

  .ant-row-rtl .more-card .more-card-source {
    float: left;
  }

  .more-card .more-card-source > img {
    vertical-align: baseline;
  }

  @media (max-width: 576px) {
    .more-card .ant-card-cover {
      margin-bottom: 12px;
      padding: 16px 16px 0;
    }

    .more-card .ant-card-cover img {
      height: 184px;
    }

    .more-card .ant-card-meta-title {
      font-size: 18px;
    }

    .more-card .ant-card-body {
      padding: 16px;
    }

    .more-card .ant-card-body .ant-card-meta-detail {
      min-height: 150px;
    }
  }

  .home-container h1.ant-typography,
  .home-container h2.ant-typography,
  .home-container h3.ant-typography,
  .home-container h4.ant-typography {
    font-weight: 400;
  }

  .home-container img {
    -o-object-fit: cover;
    object-fit: cover;
  }

  .home-container .home-block-content {
    margin: 88px 40px 124px;
  }

  .home-container .home-block-content h2.ant-typography {
    margin-bottom: 56px;
  }

  .home-container .home-block-content-extra {
    float: right;
    padding-top: 12px;
    font-weight: 200;
    font-size: 16px;
  }

  html.rtl .home-container .home-block-content-extra {
    float: left;
  }

  .home-container .home-link-arrow {
    position: relative;
    margin-left: 0.3em;
    font-size: 0.85em;
    opacity: 0.75;
    transition: all 0.2s;
  }

  .home-container .home-link-arrow-rtl {
    margin-right: 0.3em;
    margin-left: 0;
  }

  .home-container a:hover .home-link-arrow {
    transform: translateX(3px);
    opacity: 1;
  }

  .home-container a:hover .home-link-arrow-rtl {
    transform: translateX(-3px);
    opacity: 1;
  }

  @media (max-width: 576px) {
    .home-container .home-block-content {
      margin-top: 64px;
      margin-bottom: 96px;
    }

    .home-container .home-block-content h2.ant-typography {
      margin-bottom: 44px;
    }
  }

  @media only screen and (max-width: 767.99px) {
    .home-container .home-block-content {
      margin-right: 24px;
      margin-left: 24px;
    }
  }

  .color-palettes {
    margin: 0 1%;
  }

  .color-palettes-dark {
    margin: 0;
    padding: 0 28px;
    background-color: #141414;
  }

  .color-palettes-dark .color-title {
    color: rgba(255, 255, 255, 0.85);
  }

  .color-palettes-dark .color-description {
    color: rgba(255, 255, 255, 0.45);
  }

  .color-palettes-dark .color-palette {
    margin: 45px 3.5% 45px 0;
  }

  .color-palettes-dark .color-palette:nth-of-type(3n) {
    margin-right: 0;
  }

  .color-palettes-dark .color-palette .main-color-item {
    margin-right: 0;
  }

  .color-palettes-dark .color-palette .main-color-item:hover {
    margin-right: -8px;
  }

  .color-palette {
    display: inline-block;
    width: 31%;
    margin: 45px 1%;
  }

  .color-palette-pick {
    margin: 0 0 20px;
    font-size: 20px;
    text-align: center;
  }

  .color-palette-picker {
    margin: 24px 0;
  }

  .color-palette-picker-value {
    position: relative;
    top: -3px;
    margin-left: 16px;
    font-size: 14px;
    font-family: Consolas, sans-serif;
  }

  .ant-row-rtl .color-palette-picker-value {
    margin-right: 16px;
    margin-left: 0;
  }

  .color-palette-picker-validation {
    position: relative;
    top: -3px;
    margin-left: 16px;
    color: #a61d24;
    font-size: 13px;
  }

  .ant-row-rtl .color-palette-picker-validation {
    margin-right: 16px;
    margin-left: 0;
  }

  .color-palette-picker-validation-dark {
    margin-left: 0;
  }

  .main-color {
    text-align: left;
  }

  .main-color .palette-blue-1 {
    background: #111d2c;
  }

  .main-color .palette-blue-2 {
    background: #112a45;
  }

  .main-color .palette-blue-3 {
    background: #15395b;
  }

  .main-color .palette-blue-4 {
    background: #164c7e;
  }

  .main-color .palette-blue-5 {
    background: #1765ad;
  }

  .main-color .palette-blue-6 {
    background: #177ddc;
  }

  .main-color .palette-blue-7 {
    background: #3c9ae8;
  }

  .main-color .palette-blue-8 {
    background: #65b7f3;
  }

  .main-color .palette-blue-9 {
    background: #8dcff8;
  }

  .main-color .palette-blue-10 {
    background: #b7e3fa;
  }

  .main-color .palette-purple-1 {
    background: #1a1325;
  }

  .main-color .palette-purple-2 {
    background: #24163a;
  }

  .main-color .palette-purple-3 {
    background: #301c4d;
  }

  .main-color .palette-purple-4 {
    background: #3e2069;
  }

  .main-color .palette-purple-5 {
    background: #51258f;
  }

  .main-color .palette-purple-6 {
    background: #642ab5;
  }

  .main-color .palette-purple-7 {
    background: #854eca;
  }

  .main-color .palette-purple-8 {
    background: #ab7ae0;
  }

  .main-color .palette-purple-9 {
    background: #cda8f0;
  }

  .main-color .palette-purple-10 {
    background: #ebd7fa;
  }

  .main-color .palette-cyan-1 {
    background: #112123;
  }

  .main-color .palette-cyan-2 {
    background: #113536;
  }

  .main-color .palette-cyan-3 {
    background: #144848;
  }

  .main-color .palette-cyan-4 {
    background: #146262;
  }

  .main-color .palette-cyan-5 {
    background: #138585;
  }

  .main-color .palette-cyan-6 {
    background: #13a8a8;
  }

  .main-color .palette-cyan-7 {
    background: #33bcb7;
  }

  .main-color .palette-cyan-8 {
    background: #58d1c9;
  }

  .main-color .palette-cyan-9 {
    background: #84e2d8;
  }

  .main-color .palette-cyan-10 {
    background: #b2f1e8;
  }

  .main-color .palette-green-1 {
    background: #162312;
  }

  .main-color .palette-green-2 {
    background: #1d3712;
  }

  .main-color .palette-green-3 {
    background: #274916;
  }

  .main-color .palette-green-4 {
    background: #306317;
  }

  .main-color .palette-green-5 {
    background: #3c8618;
  }

  .main-color .palette-green-6 {
    background: #49aa19;
  }

  .main-color .palette-green-7 {
    background: #6abe39;
  }

  .main-color .palette-green-8 {
    background: #8fd460;
  }

  .main-color .palette-green-9 {
    background: #b2e58b;
  }

  .main-color .palette-green-10 {
    background: #d5f2bb;
  }

  .main-color .palette-magenta-1 {
    background: #291321;
  }

  .main-color .palette-magenta-2 {
    background: #40162f;
  }

  .main-color .palette-magenta-3 {
    background: #551c3b;
  }

  .main-color .palette-magenta-4 {
    background: #75204f;
  }

  .main-color .palette-magenta-5 {
    background: #a02669;
  }

  .main-color .palette-magenta-6 {
    background: #cb2b83;
  }

  .main-color .palette-magenta-7 {
    background: #e0529c;
  }

  .main-color .palette-magenta-8 {
    background: #f37fb7;
  }

  .main-color .palette-magenta-9 {
    background: #f8a8cc;
  }

  .main-color .palette-magenta-10 {
    background: #fad2e3;
  }

  .main-color .palette-red-1 {
    background: #2a1215;
  }

  .main-color .palette-red-2 {
    background: #431418;
  }

  .main-color .palette-red-3 {
    background: #58181c;
  }

  .main-color .palette-red-4 {
    background: #791a1f;
  }

  .main-color .palette-red-5 {
    background: #a61d24;
  }

  .main-color .palette-red-6 {
    background: #d32029;
  }

  .main-color .palette-red-7 {
    background: #e84749;
  }

  .main-color .palette-red-8 {
    background: #f37370;
  }

  .main-color .palette-red-9 {
    background: #f89f9a;
  }

  .main-color .palette-red-10 {
    background: #fac8c3;
  }

  .main-color .palette-volcano-1 {
    background: #2b1611;
  }

  .main-color .palette-volcano-2 {
    background: #441d12;
  }

  .main-color .palette-volcano-3 {
    background: #592716;
  }

  .main-color .palette-volcano-4 {
    background: #7c3118;
  }

  .main-color .palette-volcano-5 {
    background: #aa3e19;
  }

  .main-color .palette-volcano-6 {
    background: #d84a1b;
  }

  .main-color .palette-volcano-7 {
    background: #e87040;
  }

  .main-color .palette-volcano-8 {
    background: #f3956a;
  }

  .main-color .palette-volcano-9 {
    background: #f8b692;
  }

  .main-color .palette-volcano-10 {
    background: #fad4bc;
  }

  .main-color .palette-orange-1 {
    background: #2b1d11;
  }

  .main-color .palette-orange-2 {
    background: #442a11;
  }

  .main-color .palette-orange-3 {
    background: #593815;
  }

  .main-color .palette-orange-4 {
    background: #7c4a15;
  }

  .main-color .palette-orange-5 {
    background: #aa6215;
  }

  .main-color .palette-orange-6 {
    background: #d87a16;
  }

  .main-color .palette-orange-7 {
    background: #e89a3c;
  }

  .main-color .palette-orange-8 {
    background: #f3b765;
  }

  .main-color .palette-orange-9 {
    background: #f8cf8d;
  }

  .main-color .palette-orange-10 {
    background: #fae3b7;
  }

  .main-color .palette-gold-1 {
    background: #2b2111;
  }

  .main-color .palette-gold-2 {
    background: #443111;
  }

  .main-color .palette-gold-3 {
    background: #594214;
  }

  .main-color .palette-gold-4 {
    background: #7c5914;
  }

  .main-color .palette-gold-5 {
    background: #aa7714;
  }

  .main-color .palette-gold-6 {
    background: #d89614;
  }

  .main-color .palette-gold-7 {
    background: #e8b339;
  }

  .main-color .palette-gold-8 {
    background: #f3cc62;
  }

  .main-color .palette-gold-9 {
    background: #f8df8b;
  }

  .main-color .palette-gold-10 {
    background: #faedb5;
  }

  .main-color .palette-yellow-1 {
    background: #2b2611;
  }

  .main-color .palette-yellow-2 {
    background: #443b11;
  }

  .main-color .palette-yellow-3 {
    background: #595014;
  }

  .main-color .palette-yellow-4 {
    background: #7c6e14;
  }

  .main-color .palette-yellow-5 {
    background: #aa9514;
  }

  .main-color .palette-yellow-6 {
    background: #d8bd14;
  }

  .main-color .palette-yellow-7 {
    background: #e8d639;
  }

  .main-color .palette-yellow-8 {
    background: #f3ea62;
  }

  .main-color .palette-yellow-9 {
    background: #f8f48b;
  }

  .main-color .palette-yellow-10 {
    background: #fafab5;
  }

  .main-color .palette-lime-1 {
    background: #1f2611;
  }

  .main-color .palette-lime-2 {
    background: #2e3c10;
  }

  .main-color .palette-lime-3 {
    background: #3e4f13;
  }

  .main-color .palette-lime-4 {
    background: #536d13;
  }

  .main-color .palette-lime-5 {
    background: #6f9412;
  }

  .main-color .palette-lime-6 {
    background: #8bbb11;
  }

  .main-color .palette-lime-7 {
    background: #a9d134;
  }

  .main-color .palette-lime-8 {
    background: #c9e75d;
  }

  .main-color .palette-lime-9 {
    background: #e4f88b;
  }

  .main-color .palette-lime-10 {
    background: #f0fab5;
  }

  .main-color .palette-geekblue-1 {
    background: #131629;
  }

  .main-color .palette-geekblue-2 {
    background: #161d40;
  }

  .main-color .palette-geekblue-3 {
    background: #1c2755;
  }

  .main-color .palette-geekblue-4 {
    background: #203175;
  }

  .main-color .palette-geekblue-5 {
    background: #263ea0;
  }

  .main-color .palette-geekblue-6 {
    background: #2b4acb;
  }

  .main-color .palette-geekblue-7 {
    background: #5273e0;
  }

  .main-color .palette-geekblue-8 {
    background: #7f9ef3;
  }

  .main-color .palette-geekblue-9 {
    background: #a8c1f8;
  }

  .main-color .palette-geekblue-10 {
    background: #d2e0fa;
  }

  .main-color .palette-gray-1 {
    background: #fff;
  }

  .main-color .palette-gray-2 {
    background: #fafafa;
  }

  .main-color .palette-gray-3 {
    background: #f5f5f5;
  }

  .main-color .palette-gray-4 {
    background: #f0f0f0;
  }

  .main-color .palette-gray-5 {
    background: #d9d9d9;
  }

  .main-color .palette-gray-6 {
    background: #bfbfbf;
  }

  .main-color .palette-gray-7 {
    background: #8c8c8c;
  }

  .main-color .palette-gray-8 {
    background: #595959;
  }

  .main-color .palette-gray-9 {
    background: #434343;
  }

  .main-color .palette-gray-10 {
    background: #262626;
  }

  .main-color .palette-gray-11 {
    background: #1f1f1f;
  }

  .main-color .palette-gray-12 {
    background: #141414;
  }

  .main-color .palette-gray-13 {
    background: #000;
  }

  .main-color-item {
    position: relative;
    height: 44px;
    margin-right: 4px;
    padding: 0 12px;
    font-size: 14px;
    font-family: Consolas, sans-serif;
    line-height: 44px;
    cursor: pointer;
    transition: all 0.2s;
  }

  .main-color-item:first-child {
    border-radius: 4px 4px 0 0;
  }

  .main-color-item:last-child {
    border-radius: 0 0 4px 4px;
  }

  .main-color-item:hover {
    margin-right: -8px;
    border-radius: 0 4px 4px 0;
  }

  .main-color-item .main-color-text {
    float: left;
    transition: all 0.3s;
  }

  .main-color-item .main-color-value {
    position: relative;
    left: 3px;
    float: right;
    transform: scale(0.85);
    transform-origin: 100% 50%;
    opacity: 0;
    transition: all 0.3s;
  }

  .color-title {
    margin: 0 0 24px;
    color: #5c6b77;
    font-weight: 500;
    font-size: 22px;
    text-align: center;
    text-transform: capitalize;
  }

  .color-description {
    display: block;
    color: #777;
    font-weight: lighter;
    font-size: 14px;
  }

  .main-color:hover .main-color-value {
    left: 0;
    opacity: 0.7;
  }

  .color-palette-horizontal {
    width: 100%;
  }

  .color-palette-horizontal-dark {
    height: 303px;
    padding: 32px 28px;
    background-color: #141414;
  }

  .color-palette-horizontal-dark .color-palette-picker {
    margin-bottom: 0;
  }

  .color-palette-horizontal-dark .color-palette-pick {
    color: rgba(255, 255, 255, 0.65);
    text-align: left;
  }

  .color-palette-horizontal-dark .color-palette-pick-hex {
    color: rgba(255, 255, 255, 0.65);
  }

  .ant-row-rtl .color-palette-horizontal-dark .color-palette-pick {
    direction: rtl;
    text-align: right;
  }

  .color-palette-horizontal .main-color {
    display: flex;
  }

  .color-palette-horizontal .main-color-item {
    position: relative;
    flex: 1;
    height: 86px;
    margin-right: 0;
    padding: 37px 0 0;
    line-height: normal;
    text-align: center;
    border-radius: 0;
  }

  .color-palette-horizontal .main-color-item .main-color-text {
    float: none;
  }

  .color-palette-horizontal .main-color-item:hover {
    height: 96px;
    margin-top: -10px;
    border-radius: 4px 4px 0 0;
  }

  .color-palette-horizontal .main-color-value {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    transform-origin: unset;
  }

  .color-palette-horizontal .main-color:hover .main-color-item {
    padding-top: 8px;
  }

  .color-palette-horizontal .main-color:hover .main-color-value {
    bottom: 8px;
    opacity: 0.7;
  }

  #header {
    position: relative;
    z-index: 10;
    max-width: 100%;
    background: #141414;
    box-shadow: 0 2px 8px #f0f1f2;
  }

  #header .menu-row {
    display: flex;
    align-items: center;
    margin: 0;
  }

  #header .menu-row > * {
    flex: none;
    margin: 0 12px 0 0;
  }

  #header .menu-row > *:last-child {
    margin-right: 40px;
  }

  #header .ant-row-rtl .menu-row > *:last-child {
    margin-right: 12px;
    margin-left: 40px;
  }

  #header .header-button {
    color: rgba(255, 255, 255, 0.85);
    border-color: #434343;
  }

  @media only screen and (max-width: 767.99px) {
    #header {
      text-align: center;
    }
  }

  #logo {
    height: 64px;
    padding-left: 40px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 700;
    font-size: 18px;
    font-family: PuHuiTi, -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
      helvetica neue, Arial, noto sans, sans-serif, apple color emoji,
      segoe ui emoji, segoe ui symbol, noto color emoji, sans-serif;
    line-height: 64px;
    letter-spacing: -0.18px;
    white-space: nowrap;
    text-decoration: none;
  }

  .ant-row-rtl #logo {
    float: right;
    padding-right: 40px;
    padding-left: 0;
  }

  #logo img {
    height: 32px;
    margin-right: 12px;
  }

  .ant-row-rtl #logo img {
    margin-right: 0;
    margin-left: 16px;
  }

  @media only screen and (max-width: 767.99px) {
    #logo {
      padding-right: 0;
      padding-left: 0;
    }
  }

  .color-palettes {
    margin: 0 1%;
  }

  .color-palettes-dark {
    margin: 0;
    padding: 0 28px;
    background-color: #141414;
  }

  .color-palettes-dark .color-title {
    color: rgba(255, 255, 255, 0.85);
  }

  .color-palettes-dark .color-description {
    color: rgba(255, 255, 255, 0.45);
  }

  .color-palettes-dark .color-palette {
    margin: 45px 3.5% 45px 0;
  }

  .color-palettes-dark .color-palette:nth-of-type(3n) {
    margin-right: 0;
  }

  .color-palettes-dark .color-palette .main-color-item {
    margin-right: 0;
  }

  .color-palettes-dark .color-palette .main-color-item:hover {
    margin-right: -8px;
  }

  .color-palette {
    display: inline-block;
    width: 31%;
    margin: 45px 1%;
  }

  .color-palette-pick {
    margin: 0 0 20px;
    font-size: 20px;
    text-align: center;
  }

  .color-palette-picker {
    margin: 24px 0;
  }

  .color-palette-picker-value {
    position: relative;
    top: -3px;
    margin-left: 16px;
    font-size: 14px;
    font-family: Consolas, sans-serif;
  }

  .ant-row-rtl .color-palette-picker-value {
    margin-right: 16px;
    margin-left: 0;
  }

  .color-palette-picker-validation {
    position: relative;
    top: -3px;
    margin-left: 16px;
    color: #a61d24;
    font-size: 13px;
  }

  .ant-row-rtl .color-palette-picker-validation {
    margin-right: 16px;
    margin-left: 0;
  }

  .color-palette-picker-validation-dark {
    margin-left: 0;
  }

  .main-color {
    text-align: left;
  }

  .main-color .palette-blue-1 {
    background: #111d2c;
  }

  .main-color .palette-blue-2 {
    background: #112a45;
  }

  .main-color .palette-blue-3 {
    background: #15395b;
  }

  .main-color .palette-blue-4 {
    background: #164c7e;
  }

  .main-color .palette-blue-5 {
    background: #1765ad;
  }

  .main-color .palette-blue-6 {
    background: #177ddc;
  }

  .main-color .palette-blue-7 {
    background: #3c9ae8;
  }

  .main-color .palette-blue-8 {
    background: #65b7f3;
  }

  .main-color .palette-blue-9 {
    background: #8dcff8;
  }

  .main-color .palette-blue-10 {
    background: #b7e3fa;
  }

  .main-color .palette-purple-1 {
    background: #1a1325;
  }

  .main-color .palette-purple-2 {
    background: #24163a;
  }

  .main-color .palette-purple-3 {
    background: #301c4d;
  }

  .main-color .palette-purple-4 {
    background: #3e2069;
  }

  .main-color .palette-purple-5 {
    background: #51258f;
  }

  .main-color .palette-purple-6 {
    background: #642ab5;
  }

  .main-color .palette-purple-7 {
    background: #854eca;
  }

  .main-color .palette-purple-8 {
    background: #ab7ae0;
  }

  .main-color .palette-purple-9 {
    background: #cda8f0;
  }

  .main-color .palette-purple-10 {
    background: #ebd7fa;
  }

  .main-color .palette-cyan-1 {
    background: #112123;
  }

  .main-color .palette-cyan-2 {
    background: #113536;
  }

  .main-color .palette-cyan-3 {
    background: #144848;
  }

  .main-color .palette-cyan-4 {
    background: #146262;
  }

  .main-color .palette-cyan-5 {
    background: #138585;
  }

  .main-color .palette-cyan-6 {
    background: #13a8a8;
  }

  .main-color .palette-cyan-7 {
    background: #33bcb7;
  }

  .main-color .palette-cyan-8 {
    background: #58d1c9;
  }

  .main-color .palette-cyan-9 {
    background: #84e2d8;
  }

  .main-color .palette-cyan-10 {
    background: #b2f1e8;
  }

  .main-color .palette-green-1 {
    background: #162312;
  }

  .main-color .palette-green-2 {
    background: #1d3712;
  }

  .main-color .palette-green-3 {
    background: #274916;
  }

  .main-color .palette-green-4 {
    background: #306317;
  }

  .main-color .palette-green-5 {
    background: #3c8618;
  }

  .main-color .palette-green-6 {
    background: #49aa19;
  }

  .main-color .palette-green-7 {
    background: #6abe39;
  }

  .main-color .palette-green-8 {
    background: #8fd460;
  }

  .main-color .palette-green-9 {
    background: #b2e58b;
  }

  .main-color .palette-green-10 {
    background: #d5f2bb;
  }

  .main-color .palette-magenta-1 {
    background: #291321;
  }

  .main-color .palette-magenta-2 {
    background: #40162f;
  }

  .main-color .palette-magenta-3 {
    background: #551c3b;
  }

  .main-color .palette-magenta-4 {
    background: #75204f;
  }

  .main-color .palette-magenta-5 {
    background: #a02669;
  }

  .main-color .palette-magenta-6 {
    background: #cb2b83;
  }

  .main-color .palette-magenta-7 {
    background: #e0529c;
  }

  .main-color .palette-magenta-8 {
    background: #f37fb7;
  }

  .main-color .palette-magenta-9 {
    background: #f8a8cc;
  }

  .main-color .palette-magenta-10 {
    background: #fad2e3;
  }

  .main-color .palette-red-1 {
    background: #2a1215;
  }

  .main-color .palette-red-2 {
    background: #431418;
  }

  .main-color .palette-red-3 {
    background: #58181c;
  }

  .main-color .palette-red-4 {
    background: #791a1f;
  }

  .main-color .palette-red-5 {
    background: #a61d24;
  }

  .main-color .palette-red-6 {
    background: #d32029;
  }

  .main-color .palette-red-7 {
    background: #e84749;
  }

  .main-color .palette-red-8 {
    background: #f37370;
  }

  .main-color .palette-red-9 {
    background: #f89f9a;
  }

  .main-color .palette-red-10 {
    background: #fac8c3;
  }

  .main-color .palette-volcano-1 {
    background: #2b1611;
  }

  .main-color .palette-volcano-2 {
    background: #441d12;
  }

  .main-color .palette-volcano-3 {
    background: #592716;
  }

  .main-color .palette-volcano-4 {
    background: #7c3118;
  }

  .main-color .palette-volcano-5 {
    background: #aa3e19;
  }

  .main-color .palette-volcano-6 {
    background: #d84a1b;
  }

  .main-color .palette-volcano-7 {
    background: #e87040;
  }

  .main-color .palette-volcano-8 {
    background: #f3956a;
  }

  .main-color .palette-volcano-9 {
    background: #f8b692;
  }

  .main-color .palette-volcano-10 {
    background: #fad4bc;
  }

  .main-color .palette-orange-1 {
    background: #2b1d11;
  }

  .main-color .palette-orange-2 {
    background: #442a11;
  }

  .main-color .palette-orange-3 {
    background: #593815;
  }

  .main-color .palette-orange-4 {
    background: #7c4a15;
  }

  .main-color .palette-orange-5 {
    background: #aa6215;
  }

  .main-color .palette-orange-6 {
    background: #d87a16;
  }

  .main-color .palette-orange-7 {
    background: #e89a3c;
  }

  .main-color .palette-orange-8 {
    background: #f3b765;
  }

  .main-color .palette-orange-9 {
    background: #f8cf8d;
  }

  .main-color .palette-orange-10 {
    background: #fae3b7;
  }

  .main-color .palette-gold-1 {
    background: #2b2111;
  }

  .main-color .palette-gold-2 {
    background: #443111;
  }

  .main-color .palette-gold-3 {
    background: #594214;
  }

  .main-color .palette-gold-4 {
    background: #7c5914;
  }

  .main-color .palette-gold-5 {
    background: #aa7714;
  }

  .main-color .palette-gold-6 {
    background: #d89614;
  }

  .main-color .palette-gold-7 {
    background: #e8b339;
  }

  .main-color .palette-gold-8 {
    background: #f3cc62;
  }

  .main-color .palette-gold-9 {
    background: #f8df8b;
  }

  .main-color .palette-gold-10 {
    background: #faedb5;
  }

  .main-color .palette-yellow-1 {
    background: #2b2611;
  }

  .main-color .palette-yellow-2 {
    background: #443b11;
  }

  .main-color .palette-yellow-3 {
    background: #595014;
  }

  .main-color .palette-yellow-4 {
    background: #7c6e14;
  }

  .main-color .palette-yellow-5 {
    background: #aa9514;
  }

  .main-color .palette-yellow-6 {
    background: #d8bd14;
  }

  .main-color .palette-yellow-7 {
    background: #e8d639;
  }

  .main-color .palette-yellow-8 {
    background: #f3ea62;
  }

  .main-color .palette-yellow-9 {
    background: #f8f48b;
  }

  .main-color .palette-yellow-10 {
    background: #fafab5;
  }

  .main-color .palette-lime-1 {
    background: #1f2611;
  }

  .main-color .palette-lime-2 {
    background: #2e3c10;
  }

  .main-color .palette-lime-3 {
    background: #3e4f13;
  }

  .main-color .palette-lime-4 {
    background: #536d13;
  }

  .main-color .palette-lime-5 {
    background: #6f9412;
  }

  .main-color .palette-lime-6 {
    background: #8bbb11;
  }

  .main-color .palette-lime-7 {
    background: #a9d134;
  }

  .main-color .palette-lime-8 {
    background: #c9e75d;
  }

  .main-color .palette-lime-9 {
    background: #e4f88b;
  }

  .main-color .palette-lime-10 {
    background: #f0fab5;
  }

  .main-color .palette-geekblue-1 {
    background: #131629;
  }

  .main-color .palette-geekblue-2 {
    background: #161d40;
  }

  .main-color .palette-geekblue-3 {
    background: #1c2755;
  }

  .main-color .palette-geekblue-4 {
    background: #203175;
  }

  .main-color .palette-geekblue-5 {
    background: #263ea0;
  }

  .main-color .palette-geekblue-6 {
    background: #2b4acb;
  }

  .main-color .palette-geekblue-7 {
    background: #5273e0;
  }

  .main-color .palette-geekblue-8 {
    background: #7f9ef3;
  }

  .main-color .palette-geekblue-9 {
    background: #a8c1f8;
  }

  .main-color .palette-geekblue-10 {
    background: #d2e0fa;
  }

  .main-color .palette-gray-1 {
    background: #fff;
  }

  .main-color .palette-gray-2 {
    background: #fafafa;
  }

  .main-color .palette-gray-3 {
    background: #f5f5f5;
  }

  .main-color .palette-gray-4 {
    background: #f0f0f0;
  }

  .main-color .palette-gray-5 {
    background: #d9d9d9;
  }

  .main-color .palette-gray-6 {
    background: #bfbfbf;
  }

  .main-color .palette-gray-7 {
    background: #8c8c8c;
  }

  .main-color .palette-gray-8 {
    background: #595959;
  }

  .main-color .palette-gray-9 {
    background: #434343;
  }

  .main-color .palette-gray-10 {
    background: #262626;
  }

  .main-color .palette-gray-11 {
    background: #1f1f1f;
  }

  .main-color .palette-gray-12 {
    background: #141414;
  }

  .main-color .palette-gray-13 {
    background: #000;
  }

  .main-color-item {
    position: relative;
    height: 44px;
    margin-right: 4px;
    padding: 0 12px;
    font-size: 14px;
    font-family: Consolas, sans-serif;
    line-height: 44px;
    cursor: pointer;
    transition: all 0.2s;
  }

  .main-color-item:first-child {
    border-radius: 4px 4px 0 0;
  }

  .main-color-item:last-child {
    border-radius: 0 0 4px 4px;
  }

  .main-color-item:hover {
    margin-right: -8px;
    border-radius: 0 4px 4px 0;
  }

  .main-color-item .main-color-text {
    float: left;
    transition: all 0.3s;
  }

  .main-color-item .main-color-value {
    position: relative;
    left: 3px;
    float: right;
    transform: scale(0.85);
    transform-origin: 100% 50%;
    opacity: 0;
    transition: all 0.3s;
  }

  .color-title {
    margin: 0 0 24px;
    color: #5c6b77;
    font-weight: 500;
    font-size: 22px;
    text-align: center;
    text-transform: capitalize;
  }

  .color-description {
    display: block;
    color: #777;
    font-weight: lighter;
    font-size: 14px;
  }

  .main-color:hover .main-color-value {
    left: 0;
    opacity: 0.7;
  }

  .color-palette-horizontal {
    width: 100%;
  }

  .color-palette-horizontal-dark {
    height: 303px;
    padding: 32px 28px;
    background-color: #141414;
  }

  .color-palette-horizontal-dark .color-palette-picker {
    margin-bottom: 0;
  }

  .color-palette-horizontal-dark .color-palette-pick {
    color: rgba(255, 255, 255, 0.65);
    text-align: left;
  }

  .color-palette-horizontal-dark .color-palette-pick-hex {
    color: rgba(255, 255, 255, 0.65);
  }

  .ant-row-rtl .color-palette-horizontal-dark .color-palette-pick {
    direction: rtl;
    text-align: right;
  }

  .color-palette-horizontal .main-color {
    display: flex;
  }

  .color-palette-horizontal .main-color-item {
    position: relative;
    flex: 1;
    height: 86px;
    margin-right: 0;
    padding: 37px 0 0;
    line-height: normal;
    text-align: center;
    border-radius: 0;
  }

  .color-palette-horizontal .main-color-item .main-color-text {
    float: none;
  }

  .color-palette-horizontal .main-color-item:hover {
    height: 96px;
    margin-top: -10px;
    border-radius: 4px 4px 0 0;
  }

  .color-palette-horizontal .main-color-value {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    transform-origin: unset;
  }

  .color-palette-horizontal .main-color:hover .main-color-item {
    padding-top: 8px;
  }

  .color-palette-horizontal .main-color:hover .main-color-value {
    bottom: 8px;
    opacity: 0.7;
  }

  #header {
    position: relative;
    z-index: 10;
    max-width: 100%;
    background: #141414;
    box-shadow: 0 2px 8px #f0f1f2;
  }

  #header .menu-row {
    display: flex;
    align-items: center;
    margin: 0;
  }

  #header .menu-row > * {
    flex: none;
    margin: 0 12px 0 0;
  }

  #header .menu-row > *:last-child {
    margin-right: 40px;
  }

  #header .ant-row-rtl .menu-row > *:last-child {
    margin-right: 12px;
    margin-left: 40px;
  }

  #header .header-button {
    color: rgba(255, 255, 255, 0.85);
    border-color: #434343;
  }

  @media only screen and (max-width: 767.99px) {
    #header {
      text-align: center;
    }
  }

  #search-box {
    position: relative;
    display: flex;
    flex: auto !important;
    align-items: center;
    height: 22px;
    margin: 0 auto 0 0 !important;
    padding-left: 16px;
    line-height: 22px;
    white-space: nowrap;
    border-left: 1px solid #303030;
    transition: width 0.5s;
  }

  #search-box .keybindings {
    cursor: pointer;
  }

  #search-box .keybinding {
    color: #ced4d9;
  }

  #search-box .keybinding kbd {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0;
    font-family: Arial;
    text-align: center;
  }

  .ant-row-rtl #search-box {
    margin: 0 0 0 auto !important;
    padding-right: 16px;
    padding-left: 0;
    border-right: 1px solid #303030;
    border-left: none;
  }

  #search-box > * {
    flex: auto;
  }

  #search-box .anticon {
    position: absolute;
    top: 50%;
    z-index: 1;
    flex: none;
    color: #ced4d9;
    transform: translateY(-50%);
    pointer-events: none;
  }

  #search-box .ant-input-affix-wrapper {
    background: 0 0;
    border: 0;
    box-shadow: none;
  }

  #search-box input {
    width: 100%;
    max-width: 200px;
    padding-left: 20px;
    font-size: 14px;
    background: 0 0;
    border: 0;
    box-shadow: none;
  }

  .ant-row-rtl #search-box input {
    padding-right: 20px;
    padding-left: 11px;
  }

  #search-box input::-moz-placeholder {
    color: #a3b1bf;
  }

  #search-box input:-ms-input-placeholder {
    color: #a3b1bf;
  }

  #search-box input::placeholder {
    color: #a3b1bf;
  }

  #search-box.narrow-mode {
    flex: none !important;
    width: 30px;
  }

  #search-box.narrow-mode:hover .anticon {
    color: #a3b1bf;
  }

  #search-box.narrow-mode .anticon {
    right: 0;
    left: auto;
  }

  .ant-row-rtl #search-box.narrow-mode .anticon {
    right: auto;
    left: 0;
  }

  #search-box.narrow-mode input {
    max-width: none;
    padding-right: 20px;
    padding-left: 11px;
    cursor: pointer;
  }

  .ant-row-rtl #search-box.narrow-mode input {
    padding-right: 11px;
    padding-left: 20px;
  }

  #search-box.narrow-mode.focused {
    width: 500px;
  }

  #search-box.narrow-mode.focused .anticon {
    color: #ced4d9;
  }

  #search-box.narrow-mode.focused input {
    cursor: text;
  }

  .component-select.ant-select-dropdown {
    font-size: 14px;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  }

  .component-select .ant-select-dropdown-menu {
    max-height: 200px;
  }

  .component-select .ant-select-dropdown-menu-item {
    border-radius: 0 !important;
  }

  .component-select .ant-component-decs {
    position: absolute;
    right: 16px;
    color: #aaa;
    font-size: 12px;
  }

  .ant-row-rtl .component-select .ant-component-decs {
    right: auto;
    left: 16px;
  }

  @media only screen and (max-width: 767.99px) {
    #search-box {
      display: none;
    }
  }

  .DocSearch {
    font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
      helvetica neue, Arial, noto sans, sans-serif, apple color emoji,
      segoe ui emoji, segoe ui symbol, noto color emoji;
  }

  #antd_algolia_search_modal .DocSearch-Hit-title {
    overflow-y: hidden;
  }

  #antd_algolia_search_modal .DocSearch-Hit-title mark {
    padding: 0;
  }

  #antd_algolia_search_modal .DocSearch-Footer {
    box-shadow: none;
  }

  body[data-theme="default"] #antd_algolia_search_modal .DocSearch {
    --docsearch-primary-color: #177ddc;
    --docsearch-text-color: rgba(255, 255, 255, 0.85);
    --docsearch-muted-color: rgba(255, 255, 255, 0.45);
    --docsearch-container-background: rgba(0, 0, 0, 0.45);
    --docsearch-searchbox-shadow: inset 0 0 0 2px #177ddc;
    --docsearch-modal-background: #1f1f1f;
    --docsearch-searchbox-background: transparent;
    --docsearch-searchbox-focus-background: transparent;
    --docsearch-footer-background: #1f1f1f;
    --docsearch-hit-background: #1f1f1f;
    --docsearch-hit-color: #177ddc;
    --docsearch-hit-active-color: #fff;
    --docsearch-highlight-color: #177ddc;
  }

  body[data-theme="default"]
    #antd_algolia_search_modal
    .DocSearch
    .DocSearch-Footer {
    border-top: 1px solid #303030;
  }

  .color-palettes {
    margin: 0 1%;
  }

  .color-palettes-dark {
    margin: 0;
    padding: 0 28px;
    background-color: #141414;
  }

  .color-palettes-dark .color-title {
    color: rgba(255, 255, 255, 0.85);
  }

  .color-palettes-dark .color-description {
    color: rgba(255, 255, 255, 0.45);
  }

  .color-palettes-dark .color-palette {
    margin: 45px 3.5% 45px 0;
  }

  .color-palettes-dark .color-palette:nth-of-type(3n) {
    margin-right: 0;
  }

  .color-palettes-dark .color-palette .main-color-item {
    margin-right: 0;
  }

  .color-palettes-dark .color-palette .main-color-item:hover {
    margin-right: -8px;
  }

  .color-palette {
    display: inline-block;
    width: 31%;
    margin: 45px 1%;
  }

  .color-palette-pick {
    margin: 0 0 20px;
    font-size: 20px;
    text-align: center;
  }

  .color-palette-picker {
    margin: 24px 0;
  }

  .color-palette-picker-value {
    position: relative;
    top: -3px;
    margin-left: 16px;
    font-size: 14px;
    font-family: Consolas, sans-serif;
  }

  .ant-row-rtl .color-palette-picker-value {
    margin-right: 16px;
    margin-left: 0;
  }

  .color-palette-picker-validation {
    position: relative;
    top: -3px;
    margin-left: 16px;
    color: #a61d24;
    font-size: 13px;
  }

  .ant-row-rtl .color-palette-picker-validation {
    margin-right: 16px;
    margin-left: 0;
  }

  .color-palette-picker-validation-dark {
    margin-left: 0;
  }

  .main-color {
    text-align: left;
  }

  .main-color .palette-blue-1 {
    background: #111d2c;
  }

  .main-color .palette-blue-2 {
    background: #112a45;
  }

  .main-color .palette-blue-3 {
    background: #15395b;
  }

  .main-color .palette-blue-4 {
    background: #164c7e;
  }

  .main-color .palette-blue-5 {
    background: #1765ad;
  }

  .main-color .palette-blue-6 {
    background: #177ddc;
  }

  .main-color .palette-blue-7 {
    background: #3c9ae8;
  }

  .main-color .palette-blue-8 {
    background: #65b7f3;
  }

  .main-color .palette-blue-9 {
    background: #8dcff8;
  }

  .main-color .palette-blue-10 {
    background: #b7e3fa;
  }

  .main-color .palette-purple-1 {
    background: #1a1325;
  }

  .main-color .palette-purple-2 {
    background: #24163a;
  }

  .main-color .palette-purple-3 {
    background: #301c4d;
  }

  .main-color .palette-purple-4 {
    background: #3e2069;
  }

  .main-color .palette-purple-5 {
    background: #51258f;
  }

  .main-color .palette-purple-6 {
    background: #642ab5;
  }

  .main-color .palette-purple-7 {
    background: #854eca;
  }

  .main-color .palette-purple-8 {
    background: #ab7ae0;
  }

  .main-color .palette-purple-9 {
    background: #cda8f0;
  }

  .main-color .palette-purple-10 {
    background: #ebd7fa;
  }

  .main-color .palette-cyan-1 {
    background: #112123;
  }

  .main-color .palette-cyan-2 {
    background: #113536;
  }

  .main-color .palette-cyan-3 {
    background: #144848;
  }

  .main-color .palette-cyan-4 {
    background: #146262;
  }

  .main-color .palette-cyan-5 {
    background: #138585;
  }

  .main-color .palette-cyan-6 {
    background: #13a8a8;
  }

  .main-color .palette-cyan-7 {
    background: #33bcb7;
  }

  .main-color .palette-cyan-8 {
    background: #58d1c9;
  }

  .main-color .palette-cyan-9 {
    background: #84e2d8;
  }

  .main-color .palette-cyan-10 {
    background: #b2f1e8;
  }

  .main-color .palette-green-1 {
    background: #162312;
  }

  .main-color .palette-green-2 {
    background: #1d3712;
  }

  .main-color .palette-green-3 {
    background: #274916;
  }

  .main-color .palette-green-4 {
    background: #306317;
  }

  .main-color .palette-green-5 {
    background: #3c8618;
  }

  .main-color .palette-green-6 {
    background: #49aa19;
  }

  .main-color .palette-green-7 {
    background: #6abe39;
  }

  .main-color .palette-green-8 {
    background: #8fd460;
  }

  .main-color .palette-green-9 {
    background: #b2e58b;
  }

  .main-color .palette-green-10 {
    background: #d5f2bb;
  }

  .main-color .palette-magenta-1 {
    background: #291321;
  }

  .main-color .palette-magenta-2 {
    background: #40162f;
  }

  .main-color .palette-magenta-3 {
    background: #551c3b;
  }

  .main-color .palette-magenta-4 {
    background: #75204f;
  }

  .main-color .palette-magenta-5 {
    background: #a02669;
  }

  .main-color .palette-magenta-6 {
    background: #cb2b83;
  }

  .main-color .palette-magenta-7 {
    background: #e0529c;
  }

  .main-color .palette-magenta-8 {
    background: #f37fb7;
  }

  .main-color .palette-magenta-9 {
    background: #f8a8cc;
  }

  .main-color .palette-magenta-10 {
    background: #fad2e3;
  }

  .main-color .palette-red-1 {
    background: #2a1215;
  }

  .main-color .palette-red-2 {
    background: #431418;
  }

  .main-color .palette-red-3 {
    background: #58181c;
  }

  .main-color .palette-red-4 {
    background: #791a1f;
  }

  .main-color .palette-red-5 {
    background: #a61d24;
  }

  .main-color .palette-red-6 {
    background: #d32029;
  }

  .main-color .palette-red-7 {
    background: #e84749;
  }

  .main-color .palette-red-8 {
    background: #f37370;
  }

  .main-color .palette-red-9 {
    background: #f89f9a;
  }

  .main-color .palette-red-10 {
    background: #fac8c3;
  }

  .main-color .palette-volcano-1 {
    background: #2b1611;
  }

  .main-color .palette-volcano-2 {
    background: #441d12;
  }

  .main-color .palette-volcano-3 {
    background: #592716;
  }

  .main-color .palette-volcano-4 {
    background: #7c3118;
  }

  .main-color .palette-volcano-5 {
    background: #aa3e19;
  }

  .main-color .palette-volcano-6 {
    background: #d84a1b;
  }

  .main-color .palette-volcano-7 {
    background: #e87040;
  }

  .main-color .palette-volcano-8 {
    background: #f3956a;
  }

  .main-color .palette-volcano-9 {
    background: #f8b692;
  }

  .main-color .palette-volcano-10 {
    background: #fad4bc;
  }

  .main-color .palette-orange-1 {
    background: #2b1d11;
  }

  .main-color .palette-orange-2 {
    background: #442a11;
  }

  .main-color .palette-orange-3 {
    background: #593815;
  }

  .main-color .palette-orange-4 {
    background: #7c4a15;
  }

  .main-color .palette-orange-5 {
    background: #aa6215;
  }

  .main-color .palette-orange-6 {
    background: #d87a16;
  }

  .main-color .palette-orange-7 {
    background: #e89a3c;
  }

  .main-color .palette-orange-8 {
    background: #f3b765;
  }

  .main-color .palette-orange-9 {
    background: #f8cf8d;
  }

  .main-color .palette-orange-10 {
    background: #fae3b7;
  }

  .main-color .palette-gold-1 {
    background: #2b2111;
  }

  .main-color .palette-gold-2 {
    background: #443111;
  }

  .main-color .palette-gold-3 {
    background: #594214;
  }

  .main-color .palette-gold-4 {
    background: #7c5914;
  }

  .main-color .palette-gold-5 {
    background: #aa7714;
  }

  .main-color .palette-gold-6 {
    background: #d89614;
  }

  .main-color .palette-gold-7 {
    background: #e8b339;
  }

  .main-color .palette-gold-8 {
    background: #f3cc62;
  }

  .main-color .palette-gold-9 {
    background: #f8df8b;
  }

  .main-color .palette-gold-10 {
    background: #faedb5;
  }

  .main-color .palette-yellow-1 {
    background: #2b2611;
  }

  .main-color .palette-yellow-2 {
    background: #443b11;
  }

  .main-color .palette-yellow-3 {
    background: #595014;
  }

  .main-color .palette-yellow-4 {
    background: #7c6e14;
  }

  .main-color .palette-yellow-5 {
    background: #aa9514;
  }

  .main-color .palette-yellow-6 {
    background: #d8bd14;
  }

  .main-color .palette-yellow-7 {
    background: #e8d639;
  }

  .main-color .palette-yellow-8 {
    background: #f3ea62;
  }

  .main-color .palette-yellow-9 {
    background: #f8f48b;
  }

  .main-color .palette-yellow-10 {
    background: #fafab5;
  }

  .main-color .palette-lime-1 {
    background: #1f2611;
  }

  .main-color .palette-lime-2 {
    background: #2e3c10;
  }

  .main-color .palette-lime-3 {
    background: #3e4f13;
  }

  .main-color .palette-lime-4 {
    background: #536d13;
  }

  .main-color .palette-lime-5 {
    background: #6f9412;
  }

  .main-color .palette-lime-6 {
    background: #8bbb11;
  }

  .main-color .palette-lime-7 {
    background: #a9d134;
  }

  .main-color .palette-lime-8 {
    background: #c9e75d;
  }

  .main-color .palette-lime-9 {
    background: #e4f88b;
  }

  .main-color .palette-lime-10 {
    background: #f0fab5;
  }

  .main-color .palette-geekblue-1 {
    background: #131629;
  }

  .main-color .palette-geekblue-2 {
    background: #161d40;
  }

  .main-color .palette-geekblue-3 {
    background: #1c2755;
  }

  .main-color .palette-geekblue-4 {
    background: #203175;
  }

  .main-color .palette-geekblue-5 {
    background: #263ea0;
  }

  .main-color .palette-geekblue-6 {
    background: #2b4acb;
  }

  .main-color .palette-geekblue-7 {
    background: #5273e0;
  }

  .main-color .palette-geekblue-8 {
    background: #7f9ef3;
  }

  .main-color .palette-geekblue-9 {
    background: #a8c1f8;
  }

  .main-color .palette-geekblue-10 {
    background: #d2e0fa;
  }

  .main-color .palette-gray-1 {
    background: #fff;
  }

  .main-color .palette-gray-2 {
    background: #fafafa;
  }

  .main-color .palette-gray-3 {
    background: #f5f5f5;
  }

  .main-color .palette-gray-4 {
    background: #f0f0f0;
  }

  .main-color .palette-gray-5 {
    background: #d9d9d9;
  }

  .main-color .palette-gray-6 {
    background: #bfbfbf;
  }

  .main-color .palette-gray-7 {
    background: #8c8c8c;
  }

  .main-color .palette-gray-8 {
    background: #595959;
  }

  .main-color .palette-gray-9 {
    background: #434343;
  }

  .main-color .palette-gray-10 {
    background: #262626;
  }

  .main-color .palette-gray-11 {
    background: #1f1f1f;
  }

  .main-color .palette-gray-12 {
    background: #141414;
  }

  .main-color .palette-gray-13 {
    background: #000;
  }

  .main-color-item {
    position: relative;
    height: 44px;
    margin-right: 4px;
    padding: 0 12px;
    font-size: 14px;
    font-family: Consolas, sans-serif;
    line-height: 44px;
    cursor: pointer;
    transition: all 0.2s;
  }

  .main-color-item:first-child {
    border-radius: 4px 4px 0 0;
  }

  .main-color-item:last-child {
    border-radius: 0 0 4px 4px;
  }

  .main-color-item:hover {
    margin-right: -8px;
    border-radius: 0 4px 4px 0;
  }

  .main-color-item .main-color-text {
    float: left;
    transition: all 0.3s;
  }

  .main-color-item .main-color-value {
    position: relative;
    left: 3px;
    float: right;
    transform: scale(0.85);
    transform-origin: 100% 50%;
    opacity: 0;
    transition: all 0.3s;
  }

  .color-title {
    margin: 0 0 24px;
    color: #5c6b77;
    font-weight: 500;
    font-size: 22px;
    text-align: center;
    text-transform: capitalize;
  }

  .color-description {
    display: block;
    color: #777;
    font-weight: lighter;
    font-size: 14px;
  }

  .main-color:hover .main-color-value {
    left: 0;
    opacity: 0.7;
  }

  .color-palette-horizontal {
    width: 100%;
  }

  .color-palette-horizontal-dark {
    height: 303px;
    padding: 32px 28px;
    background-color: #141414;
  }

  .color-palette-horizontal-dark .color-palette-picker {
    margin-bottom: 0;
  }

  .color-palette-horizontal-dark .color-palette-pick {
    color: rgba(255, 255, 255, 0.65);
    text-align: left;
  }

  .color-palette-horizontal-dark .color-palette-pick-hex {
    color: rgba(255, 255, 255, 0.65);
  }

  .ant-row-rtl .color-palette-horizontal-dark .color-palette-pick {
    direction: rtl;
    text-align: right;
  }

  .color-palette-horizontal .main-color {
    display: flex;
  }

  .color-palette-horizontal .main-color-item {
    position: relative;
    flex: 1;
    height: 86px;
    margin-right: 0;
    padding: 37px 0 0;
    line-height: normal;
    text-align: center;
    border-radius: 0;
  }

  .color-palette-horizontal .main-color-item .main-color-text {
    float: none;
  }

  .color-palette-horizontal .main-color-item:hover {
    height: 96px;
    margin-top: -10px;
    border-radius: 4px 4px 0 0;
  }

  .color-palette-horizontal .main-color-value {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    transform-origin: unset;
  }

  .color-palette-horizontal .main-color:hover .main-color-item {
    padding-top: 8px;
  }

  .color-palette-horizontal .main-color:hover .main-color-value {
    bottom: 8px;
    opacity: 0.7;
  }

  #header {
    position: relative;
    z-index: 10;
    max-width: 100%;
    background: #141414;
    box-shadow: 0 2px 8px #f0f1f2;
  }

  #header .menu-row {
    display: flex;
    align-items: center;
    margin: 0;
  }

  #header .menu-row > * {
    flex: none;
    margin: 0 12px 0 0;
  }

  #header .menu-row > *:last-child {
    margin-right: 40px;
  }

  #header .ant-row-rtl .menu-row > *:last-child {
    margin-right: 12px;
    margin-left: 40px;
  }

  #header .header-button {
    color: rgba(255, 255, 255, 0.85);
    border-color: #434343;
  }

  @media only screen and (max-width: 767.99px) {
    #header {
      text-align: center;
    }
  }

  #nav {
    height: 100%;
    font-size: 14px;
    font-family: Avenir, -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
      helvetica neue, Arial, noto sans, sans-serif, apple color emoji,
      segoe ui emoji, segoe ui symbol, noto color emoji, sans-serif;
    border: 0;
  }

  #nav.ant-menu-horizontal {
    border-bottom: none;
  }

  #nav.ant-menu-horizontal > .ant-menu-item,
  #nav.ant-menu-horizontal > .ant-menu-submenu {
    min-width: 64px;
    height: 64px;
    padding-right: 12px;
    padding-left: 12px;
    line-height: 64px;
  }

  #nav.ant-menu-horizontal > .ant-menu-item::after,
  #nav.ant-menu-horizontal > .ant-menu-submenu::after {
    top: 0;
    right: 12px;
    bottom: auto;
    left: 12px;
    border-width: 2px;
  }

  #nav.ant-menu-horizontal .ant-menu-submenu-title .anticon {
    margin: 0;
  }

  #nav.ant-menu-horizontal > .ant-menu-item-selected a {
    color: #177ddc;
  }

  #nav > .ant-menu-item,
  #nav > .ant-menu-submenu {
    text-align: center;
  }

  .header-link {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-menu-item-active .header-link {
    color: #177ddc;
  }

  .popover-menu {
    width: 300px;
  }

  .popover-menu .ant-popover-inner-content {
    padding: 0;
  }

  .popover-menu .ant-popover-inner-content #nav .ant-menu-item,
  .popover-menu .ant-popover-inner-content #nav .ant-menu-submenu {
    text-align: left;
  }

  .popover-menu .ant-popover-inner-content #nav .ant-menu-item-group-title {
    padding-left: 24px;
  }

  .popover-menu .ant-popover-inner-content #nav .ant-menu-item-group-list {
    padding: 0 16px;
  }

  .popover-menu .ant-popover-inner-content #nav .ant-menu-item,
  .popover-menu .ant-popover-inner-content #nav a {
    color: #333;
  }

  .color-palettes {
    margin: 0 1%;
  }

  .color-palettes-dark {
    margin: 0;
    padding: 0 28px;
    background-color: #141414;
  }

  .color-palettes-dark .color-title {
    color: rgba(255, 255, 255, 0.85);
  }

  .color-palettes-dark .color-description {
    color: rgba(255, 255, 255, 0.45);
  }

  .color-palettes-dark .color-palette {
    margin: 45px 3.5% 45px 0;
  }

  .color-palettes-dark .color-palette:nth-of-type(3n) {
    margin-right: 0;
  }

  .color-palettes-dark .color-palette .main-color-item {
    margin-right: 0;
  }

  .color-palettes-dark .color-palette .main-color-item:hover {
    margin-right: -8px;
  }

  .color-palette {
    display: inline-block;
    width: 31%;
    margin: 45px 1%;
  }

  .color-palette-pick {
    margin: 0 0 20px;
    font-size: 20px;
    text-align: center;
  }

  .color-palette-picker {
    margin: 24px 0;
  }

  .color-palette-picker-value {
    position: relative;
    top: -3px;
    margin-left: 16px;
    font-size: 14px;
    font-family: Consolas, sans-serif;
  }

  .ant-row-rtl .color-palette-picker-value {
    margin-right: 16px;
    margin-left: 0;
  }

  .color-palette-picker-validation {
    position: relative;
    top: -3px;
    margin-left: 16px;
    color: #a61d24;
    font-size: 13px;
  }

  .ant-row-rtl .color-palette-picker-validation {
    margin-right: 16px;
    margin-left: 0;
  }

  .color-palette-picker-validation-dark {
    margin-left: 0;
  }

  .main-color {
    text-align: left;
  }

  .main-color .palette-blue-1 {
    background: #111d2c;
  }

  .main-color .palette-blue-2 {
    background: #112a45;
  }

  .main-color .palette-blue-3 {
    background: #15395b;
  }

  .main-color .palette-blue-4 {
    background: #164c7e;
  }

  .main-color .palette-blue-5 {
    background: #1765ad;
  }

  .main-color .palette-blue-6 {
    background: #177ddc;
  }

  .main-color .palette-blue-7 {
    background: #3c9ae8;
  }

  .main-color .palette-blue-8 {
    background: #65b7f3;
  }

  .main-color .palette-blue-9 {
    background: #8dcff8;
  }

  .main-color .palette-blue-10 {
    background: #b7e3fa;
  }

  .main-color .palette-purple-1 {
    background: #1a1325;
  }

  .main-color .palette-purple-2 {
    background: #24163a;
  }

  .main-color .palette-purple-3 {
    background: #301c4d;
  }

  .main-color .palette-purple-4 {
    background: #3e2069;
  }

  .main-color .palette-purple-5 {
    background: #51258f;
  }

  .main-color .palette-purple-6 {
    background: #642ab5;
  }

  .main-color .palette-purple-7 {
    background: #854eca;
  }

  .main-color .palette-purple-8 {
    background: #ab7ae0;
  }

  .main-color .palette-purple-9 {
    background: #cda8f0;
  }

  .main-color .palette-purple-10 {
    background: #ebd7fa;
  }

  .main-color .palette-cyan-1 {
    background: #112123;
  }

  .main-color .palette-cyan-2 {
    background: #113536;
  }

  .main-color .palette-cyan-3 {
    background: #144848;
  }

  .main-color .palette-cyan-4 {
    background: #146262;
  }

  .main-color .palette-cyan-5 {
    background: #138585;
  }

  .main-color .palette-cyan-6 {
    background: #13a8a8;
  }

  .main-color .palette-cyan-7 {
    background: #33bcb7;
  }

  .main-color .palette-cyan-8 {
    background: #58d1c9;
  }

  .main-color .palette-cyan-9 {
    background: #84e2d8;
  }

  .main-color .palette-cyan-10 {
    background: #b2f1e8;
  }

  .main-color .palette-green-1 {
    background: #162312;
  }

  .main-color .palette-green-2 {
    background: #1d3712;
  }

  .main-color .palette-green-3 {
    background: #274916;
  }

  .main-color .palette-green-4 {
    background: #306317;
  }

  .main-color .palette-green-5 {
    background: #3c8618;
  }

  .main-color .palette-green-6 {
    background: #49aa19;
  }

  .main-color .palette-green-7 {
    background: #6abe39;
  }

  .main-color .palette-green-8 {
    background: #8fd460;
  }

  .main-color .palette-green-9 {
    background: #b2e58b;
  }

  .main-color .palette-green-10 {
    background: #d5f2bb;
  }

  .main-color .palette-magenta-1 {
    background: #291321;
  }

  .main-color .palette-magenta-2 {
    background: #40162f;
  }

  .main-color .palette-magenta-3 {
    background: #551c3b;
  }

  .main-color .palette-magenta-4 {
    background: #75204f;
  }

  .main-color .palette-magenta-5 {
    background: #a02669;
  }

  .main-color .palette-magenta-6 {
    background: #cb2b83;
  }

  .main-color .palette-magenta-7 {
    background: #e0529c;
  }

  .main-color .palette-magenta-8 {
    background: #f37fb7;
  }

  .main-color .palette-magenta-9 {
    background: #f8a8cc;
  }

  .main-color .palette-magenta-10 {
    background: #fad2e3;
  }

  .main-color .palette-red-1 {
    background: #2a1215;
  }

  .main-color .palette-red-2 {
    background: #431418;
  }

  .main-color .palette-red-3 {
    background: #58181c;
  }

  .main-color .palette-red-4 {
    background: #791a1f;
  }

  .main-color .palette-red-5 {
    background: #a61d24;
  }

  .main-color .palette-red-6 {
    background: #d32029;
  }

  .main-color .palette-red-7 {
    background: #e84749;
  }

  .main-color .palette-red-8 {
    background: #f37370;
  }

  .main-color .palette-red-9 {
    background: #f89f9a;
  }

  .main-color .palette-red-10 {
    background: #fac8c3;
  }

  .main-color .palette-volcano-1 {
    background: #2b1611;
  }

  .main-color .palette-volcano-2 {
    background: #441d12;
  }

  .main-color .palette-volcano-3 {
    background: #592716;
  }

  .main-color .palette-volcano-4 {
    background: #7c3118;
  }

  .main-color .palette-volcano-5 {
    background: #aa3e19;
  }

  .main-color .palette-volcano-6 {
    background: #d84a1b;
  }

  .main-color .palette-volcano-7 {
    background: #e87040;
  }

  .main-color .palette-volcano-8 {
    background: #f3956a;
  }

  .main-color .palette-volcano-9 {
    background: #f8b692;
  }

  .main-color .palette-volcano-10 {
    background: #fad4bc;
  }

  .main-color .palette-orange-1 {
    background: #2b1d11;
  }

  .main-color .palette-orange-2 {
    background: #442a11;
  }

  .main-color .palette-orange-3 {
    background: #593815;
  }

  .main-color .palette-orange-4 {
    background: #7c4a15;
  }

  .main-color .palette-orange-5 {
    background: #aa6215;
  }

  .main-color .palette-orange-6 {
    background: #d87a16;
  }

  .main-color .palette-orange-7 {
    background: #e89a3c;
  }

  .main-color .palette-orange-8 {
    background: #f3b765;
  }

  .main-color .palette-orange-9 {
    background: #f8cf8d;
  }

  .main-color .palette-orange-10 {
    background: #fae3b7;
  }

  .main-color .palette-gold-1 {
    background: #2b2111;
  }

  .main-color .palette-gold-2 {
    background: #443111;
  }

  .main-color .palette-gold-3 {
    background: #594214;
  }

  .main-color .palette-gold-4 {
    background: #7c5914;
  }

  .main-color .palette-gold-5 {
    background: #aa7714;
  }

  .main-color .palette-gold-6 {
    background: #d89614;
  }

  .main-color .palette-gold-7 {
    background: #e8b339;
  }

  .main-color .palette-gold-8 {
    background: #f3cc62;
  }

  .main-color .palette-gold-9 {
    background: #f8df8b;
  }

  .main-color .palette-gold-10 {
    background: #faedb5;
  }

  .main-color .palette-yellow-1 {
    background: #2b2611;
  }

  .main-color .palette-yellow-2 {
    background: #443b11;
  }

  .main-color .palette-yellow-3 {
    background: #595014;
  }

  .main-color .palette-yellow-4 {
    background: #7c6e14;
  }

  .main-color .palette-yellow-5 {
    background: #aa9514;
  }

  .main-color .palette-yellow-6 {
    background: #d8bd14;
  }

  .main-color .palette-yellow-7 {
    background: #e8d639;
  }

  .main-color .palette-yellow-8 {
    background: #f3ea62;
  }

  .main-color .palette-yellow-9 {
    background: #f8f48b;
  }

  .main-color .palette-yellow-10 {
    background: #fafab5;
  }

  .main-color .palette-lime-1 {
    background: #1f2611;
  }

  .main-color .palette-lime-2 {
    background: #2e3c10;
  }

  .main-color .palette-lime-3 {
    background: #3e4f13;
  }

  .main-color .palette-lime-4 {
    background: #536d13;
  }

  .main-color .palette-lime-5 {
    background: #6f9412;
  }

  .main-color .palette-lime-6 {
    background: #8bbb11;
  }

  .main-color .palette-lime-7 {
    background: #a9d134;
  }

  .main-color .palette-lime-8 {
    background: #c9e75d;
  }

  .main-color .palette-lime-9 {
    background: #e4f88b;
  }

  .main-color .palette-lime-10 {
    background: #f0fab5;
  }

  .main-color .palette-geekblue-1 {
    background: #131629;
  }

  .main-color .palette-geekblue-2 {
    background: #161d40;
  }

  .main-color .palette-geekblue-3 {
    background: #1c2755;
  }

  .main-color .palette-geekblue-4 {
    background: #203175;
  }

  .main-color .palette-geekblue-5 {
    background: #263ea0;
  }

  .main-color .palette-geekblue-6 {
    background: #2b4acb;
  }

  .main-color .palette-geekblue-7 {
    background: #5273e0;
  }

  .main-color .palette-geekblue-8 {
    background: #7f9ef3;
  }

  .main-color .palette-geekblue-9 {
    background: #a8c1f8;
  }

  .main-color .palette-geekblue-10 {
    background: #d2e0fa;
  }

  .main-color .palette-gray-1 {
    background: #fff;
  }

  .main-color .palette-gray-2 {
    background: #fafafa;
  }

  .main-color .palette-gray-3 {
    background: #f5f5f5;
  }

  .main-color .palette-gray-4 {
    background: #f0f0f0;
  }

  .main-color .palette-gray-5 {
    background: #d9d9d9;
  }

  .main-color .palette-gray-6 {
    background: #bfbfbf;
  }

  .main-color .palette-gray-7 {
    background: #8c8c8c;
  }

  .main-color .palette-gray-8 {
    background: #595959;
  }

  .main-color .palette-gray-9 {
    background: #434343;
  }

  .main-color .palette-gray-10 {
    background: #262626;
  }

  .main-color .palette-gray-11 {
    background: #1f1f1f;
  }

  .main-color .palette-gray-12 {
    background: #141414;
  }

  .main-color .palette-gray-13 {
    background: #000;
  }

  .main-color-item {
    position: relative;
    height: 44px;
    margin-right: 4px;
    padding: 0 12px;
    font-size: 14px;
    font-family: Consolas, sans-serif;
    line-height: 44px;
    cursor: pointer;
    transition: all 0.2s;
  }

  .main-color-item:first-child {
    border-radius: 4px 4px 0 0;
  }

  .main-color-item:last-child {
    border-radius: 0 0 4px 4px;
  }

  .main-color-item:hover {
    margin-right: -8px;
    border-radius: 0 4px 4px 0;
  }

  .main-color-item .main-color-text {
    float: left;
    transition: all 0.3s;
  }

  .main-color-item .main-color-value {
    position: relative;
    left: 3px;
    float: right;
    transform: scale(0.85);
    transform-origin: 100% 50%;
    opacity: 0;
    transition: all 0.3s;
  }

  .color-title {
    margin: 0 0 24px;
    color: #5c6b77;
    font-weight: 500;
    font-size: 22px;
    text-align: center;
    text-transform: capitalize;
  }

  .color-description {
    display: block;
    color: #777;
    font-weight: lighter;
    font-size: 14px;
  }

  .main-color:hover .main-color-value {
    left: 0;
    opacity: 0.7;
  }

  .color-palette-horizontal {
    width: 100%;
  }

  .color-palette-horizontal-dark {
    height: 303px;
    padding: 32px 28px;
    background-color: #141414;
  }

  .color-palette-horizontal-dark .color-palette-picker {
    margin-bottom: 0;
  }

  .color-palette-horizontal-dark .color-palette-pick {
    color: rgba(255, 255, 255, 0.65);
    text-align: left;
  }

  .color-palette-horizontal-dark .color-palette-pick-hex {
    color: rgba(255, 255, 255, 0.65);
  }

  .ant-row-rtl .color-palette-horizontal-dark .color-palette-pick {
    direction: rtl;
    text-align: right;
  }

  .color-palette-horizontal .main-color {
    display: flex;
  }

  .color-palette-horizontal .main-color-item {
    position: relative;
    flex: 1;
    height: 86px;
    margin-right: 0;
    padding: 37px 0 0;
    line-height: normal;
    text-align: center;
    border-radius: 0;
  }

  .color-palette-horizontal .main-color-item .main-color-text {
    float: none;
  }

  .color-palette-horizontal .main-color-item:hover {
    height: 96px;
    margin-top: -10px;
    border-radius: 4px 4px 0 0;
  }

  .color-palette-horizontal .main-color-value {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    transform-origin: unset;
  }

  .color-palette-horizontal .main-color:hover .main-color-item {
    padding-top: 8px;
  }

  .color-palette-horizontal .main-color:hover .main-color-value {
    bottom: 8px;
    opacity: 0.7;
  }

  #github-btn {
    display: flex;
    flex-flow: nowrap;
    height: auto;
  }

  #github-btn .gh-btn {
    height: auto;
    padding: 1px 4px;
    background: 0 0;
    border: 0;
  }

  #github-btn .gh-btn .gh-ico {
    width: 20px;
    height: 20px;
    margin: 0;
  }

  #github-btn .gh-btn .gh-text {
    display: none;
  }

  #github-btn .gh-count {
    height: auto;
    padding: 4px 8px;
    font-weight: 400;
    background: #fff;
  }

  #github-btn .gh-count:hover {
    color: #177ddc;
  }

  #github-btn.responsive-mode .gh-count {
    display: none !important;
  }

  .ant-row-rtl #github-btn .gh-count {
    display: none !important;
  }

  .color-palettes {
    margin: 0 1%;
  }

  .color-palettes-dark {
    margin: 0;
    padding: 0 28px;
    background-color: #141414;
  }

  .color-palettes-dark .color-title {
    color: rgba(255, 255, 255, 0.85);
  }

  .color-palettes-dark .color-description {
    color: rgba(255, 255, 255, 0.45);
  }

  .color-palettes-dark .color-palette {
    margin: 45px 3.5% 45px 0;
  }

  .color-palettes-dark .color-palette:nth-of-type(3n) {
    margin-right: 0;
  }

  .color-palettes-dark .color-palette .main-color-item {
    margin-right: 0;
  }

  .color-palettes-dark .color-palette .main-color-item:hover {
    margin-right: -8px;
  }

  .color-palette {
    display: inline-block;
    width: 31%;
    margin: 45px 1%;
  }

  .color-palette-pick {
    margin: 0 0 20px;
    font-size: 20px;
    text-align: center;
  }

  .color-palette-picker {
    margin: 24px 0;
  }

  .color-palette-picker-value {
    position: relative;
    top: -3px;
    margin-left: 16px;
    font-size: 14px;
    font-family: Consolas, sans-serif;
  }

  .ant-row-rtl .color-palette-picker-value {
    margin-right: 16px;
    margin-left: 0;
  }

  .color-palette-picker-validation {
    position: relative;
    top: -3px;
    margin-left: 16px;
    color: #a61d24;
    font-size: 13px;
  }

  .ant-row-rtl .color-palette-picker-validation {
    margin-right: 16px;
    margin-left: 0;
  }

  .color-palette-picker-validation-dark {
    margin-left: 0;
  }

  .main-color {
    text-align: left;
  }

  .main-color .palette-blue-1 {
    background: #111d2c;
  }

  .main-color .palette-blue-2 {
    background: #112a45;
  }

  .main-color .palette-blue-3 {
    background: #15395b;
  }

  .main-color .palette-blue-4 {
    background: #164c7e;
  }

  .main-color .palette-blue-5 {
    background: #1765ad;
  }

  .main-color .palette-blue-6 {
    background: #177ddc;
  }

  .main-color .palette-blue-7 {
    background: #3c9ae8;
  }

  .main-color .palette-blue-8 {
    background: #65b7f3;
  }

  .main-color .palette-blue-9 {
    background: #8dcff8;
  }

  .main-color .palette-blue-10 {
    background: #b7e3fa;
  }

  .main-color .palette-purple-1 {
    background: #1a1325;
  }

  .main-color .palette-purple-2 {
    background: #24163a;
  }

  .main-color .palette-purple-3 {
    background: #301c4d;
  }

  .main-color .palette-purple-4 {
    background: #3e2069;
  }

  .main-color .palette-purple-5 {
    background: #51258f;
  }

  .main-color .palette-purple-6 {
    background: #642ab5;
  }

  .main-color .palette-purple-7 {
    background: #854eca;
  }

  .main-color .palette-purple-8 {
    background: #ab7ae0;
  }

  .main-color .palette-purple-9 {
    background: #cda8f0;
  }

  .main-color .palette-purple-10 {
    background: #ebd7fa;
  }

  .main-color .palette-cyan-1 {
    background: #112123;
  }

  .main-color .palette-cyan-2 {
    background: #113536;
  }

  .main-color .palette-cyan-3 {
    background: #144848;
  }

  .main-color .palette-cyan-4 {
    background: #146262;
  }

  .main-color .palette-cyan-5 {
    background: #138585;
  }

  .main-color .palette-cyan-6 {
    background: #13a8a8;
  }

  .main-color .palette-cyan-7 {
    background: #33bcb7;
  }

  .main-color .palette-cyan-8 {
    background: #58d1c9;
  }

  .main-color .palette-cyan-9 {
    background: #84e2d8;
  }

  .main-color .palette-cyan-10 {
    background: #b2f1e8;
  }

  .main-color .palette-green-1 {
    background: #162312;
  }

  .main-color .palette-green-2 {
    background: #1d3712;
  }

  .main-color .palette-green-3 {
    background: #274916;
  }

  .main-color .palette-green-4 {
    background: #306317;
  }

  .main-color .palette-green-5 {
    background: #3c8618;
  }

  .main-color .palette-green-6 {
    background: #49aa19;
  }

  .main-color .palette-green-7 {
    background: #6abe39;
  }

  .main-color .palette-green-8 {
    background: #8fd460;
  }

  .main-color .palette-green-9 {
    background: #b2e58b;
  }

  .main-color .palette-green-10 {
    background: #d5f2bb;
  }

  .main-color .palette-magenta-1 {
    background: #291321;
  }

  .main-color .palette-magenta-2 {
    background: #40162f;
  }

  .main-color .palette-magenta-3 {
    background: #551c3b;
  }

  .main-color .palette-magenta-4 {
    background: #75204f;
  }

  .main-color .palette-magenta-5 {
    background: #a02669;
  }

  .main-color .palette-magenta-6 {
    background: #cb2b83;
  }

  .main-color .palette-magenta-7 {
    background: #e0529c;
  }

  .main-color .palette-magenta-8 {
    background: #f37fb7;
  }

  .main-color .palette-magenta-9 {
    background: #f8a8cc;
  }

  .main-color .palette-magenta-10 {
    background: #fad2e3;
  }

  .main-color .palette-red-1 {
    background: #2a1215;
  }

  .main-color .palette-red-2 {
    background: #431418;
  }

  .main-color .palette-red-3 {
    background: #58181c;
  }

  .main-color .palette-red-4 {
    background: #791a1f;
  }

  .main-color .palette-red-5 {
    background: #a61d24;
  }

  .main-color .palette-red-6 {
    background: #d32029;
  }

  .main-color .palette-red-7 {
    background: #e84749;
  }

  .main-color .palette-red-8 {
    background: #f37370;
  }

  .main-color .palette-red-9 {
    background: #f89f9a;
  }

  .main-color .palette-red-10 {
    background: #fac8c3;
  }

  .main-color .palette-volcano-1 {
    background: #2b1611;
  }

  .main-color .palette-volcano-2 {
    background: #441d12;
  }

  .main-color .palette-volcano-3 {
    background: #592716;
  }

  .main-color .palette-volcano-4 {
    background: #7c3118;
  }

  .main-color .palette-volcano-5 {
    background: #aa3e19;
  }

  .main-color .palette-volcano-6 {
    background: #d84a1b;
  }

  .main-color .palette-volcano-7 {
    background: #e87040;
  }

  .main-color .palette-volcano-8 {
    background: #f3956a;
  }

  .main-color .palette-volcano-9 {
    background: #f8b692;
  }

  .main-color .palette-volcano-10 {
    background: #fad4bc;
  }

  .main-color .palette-orange-1 {
    background: #2b1d11;
  }

  .main-color .palette-orange-2 {
    background: #442a11;
  }

  .main-color .palette-orange-3 {
    background: #593815;
  }

  .main-color .palette-orange-4 {
    background: #7c4a15;
  }

  .main-color .palette-orange-5 {
    background: #aa6215;
  }

  .main-color .palette-orange-6 {
    background: #d87a16;
  }

  .main-color .palette-orange-7 {
    background: #e89a3c;
  }

  .main-color .palette-orange-8 {
    background: #f3b765;
  }

  .main-color .palette-orange-9 {
    background: #f8cf8d;
  }

  .main-color .palette-orange-10 {
    background: #fae3b7;
  }

  .main-color .palette-gold-1 {
    background: #2b2111;
  }

  .main-color .palette-gold-2 {
    background: #443111;
  }

  .main-color .palette-gold-3 {
    background: #594214;
  }

  .main-color .palette-gold-4 {
    background: #7c5914;
  }

  .main-color .palette-gold-5 {
    background: #aa7714;
  }

  .main-color .palette-gold-6 {
    background: #d89614;
  }

  .main-color .palette-gold-7 {
    background: #e8b339;
  }

  .main-color .palette-gold-8 {
    background: #f3cc62;
  }

  .main-color .palette-gold-9 {
    background: #f8df8b;
  }

  .main-color .palette-gold-10 {
    background: #faedb5;
  }

  .main-color .palette-yellow-1 {
    background: #2b2611;
  }

  .main-color .palette-yellow-2 {
    background: #443b11;
  }

  .main-color .palette-yellow-3 {
    background: #595014;
  }

  .main-color .palette-yellow-4 {
    background: #7c6e14;
  }

  .main-color .palette-yellow-5 {
    background: #aa9514;
  }

  .main-color .palette-yellow-6 {
    background: #d8bd14;
  }

  .main-color .palette-yellow-7 {
    background: #e8d639;
  }

  .main-color .palette-yellow-8 {
    background: #f3ea62;
  }

  .main-color .palette-yellow-9 {
    background: #f8f48b;
  }

  .main-color .palette-yellow-10 {
    background: #fafab5;
  }

  .main-color .palette-lime-1 {
    background: #1f2611;
  }

  .main-color .palette-lime-2 {
    background: #2e3c10;
  }

  .main-color .palette-lime-3 {
    background: #3e4f13;
  }

  .main-color .palette-lime-4 {
    background: #536d13;
  }

  .main-color .palette-lime-5 {
    background: #6f9412;
  }

  .main-color .palette-lime-6 {
    background: #8bbb11;
  }

  .main-color .palette-lime-7 {
    background: #a9d134;
  }

  .main-color .palette-lime-8 {
    background: #c9e75d;
  }

  .main-color .palette-lime-9 {
    background: #e4f88b;
  }

  .main-color .palette-lime-10 {
    background: #f0fab5;
  }

  .main-color .palette-geekblue-1 {
    background: #131629;
  }

  .main-color .palette-geekblue-2 {
    background: #161d40;
  }

  .main-color .palette-geekblue-3 {
    background: #1c2755;
  }

  .main-color .palette-geekblue-4 {
    background: #203175;
  }

  .main-color .palette-geekblue-5 {
    background: #263ea0;
  }

  .main-color .palette-geekblue-6 {
    background: #2b4acb;
  }

  .main-color .palette-geekblue-7 {
    background: #5273e0;
  }

  .main-color .palette-geekblue-8 {
    background: #7f9ef3;
  }

  .main-color .palette-geekblue-9 {
    background: #a8c1f8;
  }

  .main-color .palette-geekblue-10 {
    background: #d2e0fa;
  }

  .main-color .palette-gray-1 {
    background: #fff;
  }

  .main-color .palette-gray-2 {
    background: #fafafa;
  }

  .main-color .palette-gray-3 {
    background: #f5f5f5;
  }

  .main-color .palette-gray-4 {
    background: #f0f0f0;
  }

  .main-color .palette-gray-5 {
    background: #d9d9d9;
  }

  .main-color .palette-gray-6 {
    background: #bfbfbf;
  }

  .main-color .palette-gray-7 {
    background: #8c8c8c;
  }

  .main-color .palette-gray-8 {
    background: #595959;
  }

  .main-color .palette-gray-9 {
    background: #434343;
  }

  .main-color .palette-gray-10 {
    background: #262626;
  }

  .main-color .palette-gray-11 {
    background: #1f1f1f;
  }

  .main-color .palette-gray-12 {
    background: #141414;
  }

  .main-color .palette-gray-13 {
    background: #000;
  }

  .main-color-item {
    position: relative;
    height: 44px;
    margin-right: 4px;
    padding: 0 12px;
    font-size: 14px;
    font-family: Consolas, sans-serif;
    line-height: 44px;
    cursor: pointer;
    transition: all 0.2s;
  }

  .main-color-item:first-child {
    border-radius: 4px 4px 0 0;
  }

  .main-color-item:last-child {
    border-radius: 0 0 4px 4px;
  }

  .main-color-item:hover {
    margin-right: -8px;
    border-radius: 0 4px 4px 0;
  }

  .main-color-item .main-color-text {
    float: left;
    transition: all 0.3s;
  }

  .main-color-item .main-color-value {
    position: relative;
    left: 3px;
    float: right;
    transform: scale(0.85);
    transform-origin: 100% 50%;
    opacity: 0;
    transition: all 0.3s;
  }

  .color-title {
    margin: 0 0 24px;
    color: #5c6b77;
    font-weight: 500;
    font-size: 22px;
    text-align: center;
    text-transform: capitalize;
  }

  .color-description {
    display: block;
    color: #777;
    font-weight: lighter;
    font-size: 14px;
  }

  .main-color:hover .main-color-value {
    left: 0;
    opacity: 0.7;
  }

  .color-palette-horizontal {
    width: 100%;
  }

  .color-palette-horizontal-dark {
    height: 303px;
    padding: 32px 28px;
    background-color: #141414;
  }

  .color-palette-horizontal-dark .color-palette-picker {
    margin-bottom: 0;
  }

  .color-palette-horizontal-dark .color-palette-pick {
    color: rgba(255, 255, 255, 0.65);
    text-align: left;
  }

  .color-palette-horizontal-dark .color-palette-pick-hex {
    color: rgba(255, 255, 255, 0.65);
  }

  .ant-row-rtl .color-palette-horizontal-dark .color-palette-pick {
    direction: rtl;
    text-align: right;
  }

  .color-palette-horizontal .main-color {
    display: flex;
  }

  .color-palette-horizontal .main-color-item {
    position: relative;
    flex: 1;
    height: 86px;
    margin-right: 0;
    padding: 37px 0 0;
    line-height: normal;
    text-align: center;
    border-radius: 0;
  }

  .color-palette-horizontal .main-color-item .main-color-text {
    float: none;
  }

  .color-palette-horizontal .main-color-item:hover {
    height: 96px;
    margin-top: -10px;
    border-radius: 4px 4px 0 0;
  }

  .color-palette-horizontal .main-color-value {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    transform-origin: unset;
  }

  .color-palette-horizontal .main-color:hover .main-color-item {
    padding-top: 8px;
  }

  .color-palette-horizontal .main-color:hover .main-color-value {
    bottom: 8px;
    opacity: 0.7;
  }

  #header {
    position: relative;
    z-index: 10;
    max-width: 100%;
    background: #141414;
    box-shadow: 0 2px 8px #f0f1f2;
  }

  #header .menu-row {
    display: flex;
    align-items: center;
    margin: 0;
  }

  #header .menu-row > * {
    flex: none;
    margin: 0 12px 0 0;
  }

  #header .menu-row > *:last-child {
    margin-right: 40px;
  }

  #header .ant-row-rtl .menu-row > *:last-child {
    margin-right: 12px;
    margin-left: 40px;
  }

  #header .header-button {
    color: rgba(255, 255, 255, 0.85);
    border-color: #434343;
  }

  @media only screen and (max-width: 767.99px) {
    #header {
      text-align: center;
    }
  }

  .rc-footer {
    position: relative;
    clear: both;
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
    line-height: 1.5;
    background-color: #000;
  }

  .rc-footer a {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    transition: all 0.3s;
  }

  .rc-footer a:hover {
    color: #40a9ff;
  }

  .rc-footer-container {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 80px 0 20px;
  }

  .rc-footer-columns {
    display: flex;
    justify-content: space-around;
  }

  .rc-footer-column {
    margin-bottom: 60px;
  }

  .rc-footer-column h2 {
    position: relative;
    margin: 0 auto;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
  }

  .rc-footer-column-icon {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 22px;
    text-align: center;
    vertical-align: middle;
    margin-inline-end: 0.5em;
  }

  .rc-footer-column-icon > span,
  .rc-footer-column-icon > svg,
  .rc-footer-column-icon img {
    display: block;
    width: 100%;
  }

  .rc-footer-item {
    margin: 12px 0;
  }

  .rc-footer-item-icon {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 16px;
    text-align: center;
    vertical-align: middle;
    margin-inline-end: 0.4em;
  }

  .rc-footer-item-icon > span,
  .rc-footer-item-icon > svg,
  .rc-footer-item-icon img {
    display: block;
    width: 100%;
  }

  .rc-footer-item-separator {
    margin: 0 0.3em;
  }

  .rc-footer-bottom-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 0;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
  }

  // .rc-footer-light {
  //   color: rgba(0, 0, 0, 0.85);
  //   background-color: transparent;
  // }

  // .rc-footer-light h2,
  // .rc-footer-light a {
  //   color: rgba(0, 0, 0, 0.85);
  // }

  // .rc-footer-light .rc-footer-bottom-container {
  //   border-top-color: #e8e8e8;
  // }

  // .rc-footer-light .rc-footer-item-separator,
  // .rc-footer-light .rc-footer-item-description {
  //   color: rgba(0, 0, 0, 0.45);
  // }

  @media only screen and (max-width: 767.99px) {
    .rc-footer {
      text-align: center;
    }

    .rc-footer-container {
      padding: 40px 0;
    }

    .rc-footer-columns {
      display: block;
    }

    .rc-footer-column {
      display: block;
      margin-bottom: 40px;
    }

    .rc-footer-column:last-child {
      margin-bottom: 0;
    }
  }

  // body,
  // div,
  // dl,
  // dt,
  // dd,
  // ul,
  // ol,
  // li,
  // h1,
  // h2,
  // h3,
  // h4,
  // h5,
  // h6,
  // pre,
  // code,
  // form,
  // fieldset,
  // legend,
  // input,
  // textarea,
  // p,
  // blockquote,
  // th,
  // td,
  // hr,
  // button,
  // article,
  // aside,
  // details,
  // figcaption,
  // figure,
  // footer,
  // header,
  // hgroup,
  // menu,
  // nav,
  // section {
  //   margin: 0;
  //   padding: 0;
  // }

  ul,
  ol {
    list-style: none;
  }

  @font-face {
    font-weight: 400;
    font-family: PuHuiTi;
    src: url(//at.alicdn.com/t/webfont_6e11e43nfj.woff2) format("woff2"),
      url(//at.alicdn.com/t/webfont_6e11e43nfj.woff) format("woff"),
      url(//at.alicdn.com/t/webfont_6e11e43nfj.ttf) format("truetype");
    font-display: swap;
  }

  @font-face {
    font-weight: 700;
    font-family: PuHuiTi;
    src: url(//at.alicdn.com/t/webfont_exesdog9toj.woff2) format("woff2"),
      url(//at.alicdn.com/t/webfont_exesdog9toj.woff) format("woff"),
      url(//at.alicdn.com/t/webfont_exesdog9toj.ttf) format("truetype");
    font-display: swap;
  }

  html {
    direction: initial;
  }

  html.rtl {
    direction: rtl;
  }

  body {
    overflow-x: hidden;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
      helvetica neue, Arial, noto sans, sans-serif, apple color emoji,
      segoe ui emoji, segoe ui symbol, noto color emoji;
    background: #000;
    transition: background 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  }

  a {
    transition: color 0.3s ease;
  }

  .main-wrapper {
    position: relative;
    padding: 40px 0 0;
    background: #141414;
  }

  .main-container {
    position: relative;
    min-height: 500px;
    padding: 0 170px 32px 64px;
    background: #141414;
  }

  .ant-row-rtl .main-container {
    padding: 0 64px 144px 170px;
  }

  .main-menu {
    z-index: 1;
  }

  .main-menu-inner {
    height: 100%;
    max-height: 100vh;
    overflow: hidden;
  }

  .main-menu:hover .main-menu-inner {
    overflow-y: auto;
  }

  .main-menu > div,
  .main-menu > div > div {
    height: 100%;
  }

  .aside-container {
    min-height: 100%;
    padding-bottom: 48px;
    font-family: Avenir, -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
      helvetica neue, Arial, noto sans, sans-serif, apple color emoji,
      segoe ui emoji, segoe ui symbol, noto color emoji, sans-serif;
  }

  .aside-container.ant-menu-inline .ant-menu-submenu-title h4,
  .aside-container.ant-menu-inline > .ant-menu-item,
  .aside-container.ant-menu-inline .ant-menu-item a {
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
  }

  .aside-container.ant-menu-inline
    > .ant-menu-item-group
    > .ant-menu-item-group-title {
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 13px;
  }

  .aside-container.ant-menu-inline
    > .ant-menu-item-group
    > .ant-menu-item-group-title::after {
    position: relative;
    top: 12px;
    display: block;
    width: calc(100% - 20px);
    height: 1px;
    background: #303030;
    content: "";
  }

  .aside-container.ant-menu-inline > .ant-menu-item,
  .aside-container.ant-menu-inline
    > .ant-menu-submenu
    > .ant-menu-submenu-title,
  .aside-container.ant-menu-inline
    > .ant-menu-item-group
    > .ant-menu-item-group-title,
  .aside-container.ant-menu-inline
    > .ant-menu-item-group
    > .ant-menu-item-group-list
    > .ant-menu-item,
  .aside-container.ant-menu-inline.ant-menu-inline
    > .ant-menu-item-group
    > .ant-menu-item-group-list
    > .ant-menu-item {
    padding-left: 40px !important;
  }

  .ant-row-rtl .aside-container.ant-menu-inline > .ant-menu-item,
  .ant-row-rtl
    .aside-container.ant-menu-inline
    > .ant-menu-submenu
    > .ant-menu-submenu-title,
  .ant-row-rtl
    .aside-container.ant-menu-inline
    > .ant-menu-item-group
    > .ant-menu-item-group-title,
  .ant-row-rtl
    .aside-container.ant-menu-inline
    > .ant-menu-item-group
    > .ant-menu-item-group-list
    > .ant-menu-item,
  .ant-row-rtl
    .aside-container.ant-menu-inline.ant-menu-inline
    > .ant-menu-item-group
    > .ant-menu-item-group-list
    > .ant-menu-item {
    padding-right: 40px !important;
    padding-left: 16px !important;
  }

  .aside-container.ant-menu-inline.ant-menu-inline .ant-menu-item-group-title {
    padding-left: 60px;
  }

  .ant-row-rtl
    .aside-container.ant-menu-inline.ant-menu-inline
    .ant-menu-item-group-title {
    padding-right: 60px;
    padding-left: 16px;
  }

  .aside-container.ant-menu-inline.ant-menu-inline
    .ant-menu-item-group-list
    > .ant-menu-item {
    padding-left: 80px !important;
  }

  .ant-row-rtl
    .aside-container.ant-menu-inline.ant-menu-inline
    .ant-menu-item-group-list
    > .ant-menu-item {
    padding-right: 80px !important;
    padding-left: 16px !important;
  }

  .aside-container.ant-menu-inline
    .ant-menu-item-group:first-child
    .ant-menu-item-group-title {
    margin-top: 0;
  }

  .aside-container a[disabled] {
    color: #ccc;
  }

  .aside-container .menu-item-link-outside {
    position: relative;
  }

  .aside-container .menu-item-link-outside .anticon {
    position: absolute;
    top: 16px;
    right: -10px;
    color: #177ddc;
    font-size: 12px;
    opacity: 0;
    transition: all 0.3s;
  }

  .aside-container .menu-item-link-outside:hover .anticon {
    opacity: 1;
  }

  .aside-container .chinese {
    margin-left: 6px;
    font-weight: 400;
    font-size: 12px;
    opacity: 0.67;
  }

  .outside-link {
    display: inline-block;
  }

  .outside-link-icon {
    margin-left: 5px;
    color: #aaa;
    font-size: 12px;
  }

  .ant-row-rtl .outside-link-icon {
    margin-right: 5px;
    margin-left: 0;
    transform: rotate(180deg);
  }

  .mobile-menu-trigger {
    position: fixed;
    top: 72px;
    left: 0;
    z-index: 10;
    padding: 2px 6px;
    color: #777;
    font-size: 12px;
    background: #fff;
    border-radius: 0 4px 4px 0;
    box-shadow: 0 1px 4px -2px rgba(0, 0, 0, 0.13),
      0 2px 8px rgba(0, 0, 0, 0.08), 0 8px 16px 4px rgba(0, 0, 0, 0.04);
    transition: all 0.3s;
  }

  .mobile-menu-trigger:hover {
    color: #333;
  }

  .menu-site .ant-menu-item > a {
    color: rgba(255, 255, 255, 0.85);
  }

  .menu-site .ant-menu-item-selected > a,
  .menu-site .ant-menu-item > a:hover {
    color: #177ddc;
  }

  #react-content {
    height: 100%;
    transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  }

  .drawer-content {
    padding: 40px 0;
  }

  .drawer-content-wrapper {
    background-color: #141414;
  }

  .drawer {
    z-index: 1029;
  }

  #_hj_feedback_container [class$="icon_emotion_path1"]::before {
    color: #177ddc !important;
  }

  .fixed-widgets {
    position: fixed;
    right: 32px;
    bottom: 102px;
    z-index: 2147483640;
    display: flex;
    flex-direction: column;
    cursor: pointer;
  }

  .fixed-widgets-tooltip .ant-tooltip-inner {
    min-width: 100px;
  }

  .fixed-widgets > div {
    display: block;
  }

  .fixed-widgets-active {
    color: #177ddc;
  }

  .fixed-widgets .fixed-widgets-avatar {
    color: #000;
    background-color: #fff;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
    transition: color 0.3s;
  }

  .fixed-widgets .fixed-widgets-avatar:hover {
    color: #177ddc;
  }

  #header,
  #header #search-box,
  #header #nav.ant-menu,
  .main-wrapper,
  .main-wrapper > .ant-row > .main-menu .main-menu-inner > .ant-menu,
  .main-wrapper
    > .ant-row
    > .main-menu
    .main-menu-inner
    > .ant-menu.aside-container.ant-menu-inline
    > .ant-menu-item-group
    > .ant-menu-item-group-title::after,
  .main-wrapper .main-container,
  #demo-toc.toc {
    transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  }

  #header > .ant-row > .ant-col h1 {
    margin-bottom: 0;
  }

  #header.home-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    background: 0 0;
    box-shadow: none;
  }

  #header.home-header #logo {
    padding-right: 16px;
    padding-left: 40px;
  }

  html.rtl #header.home-header #logo {
    padding-right: 40px;
    padding-left: 16px;
  }

  #header.home-header .ant-menu {
    background: 0 0;
  }

  @media (max-width: 576px) {
    #header.home-header .ant-row .ant-col {
      margin: 0 auto;
    }

    #header.home-header .ant-row .ant-col a {
      padding-right: 0;
      padding-left: 0;
    }

    #header.home-header .ant-row .ant-col:last-child {
      display: none;
    }
  }

  .rc-footer {
    z-index: 8;
  }

  .rc-footer-container {
    max-width: unset;
    padding: 60px;
  }

  .rc-footer-bottom-container {
    max-width: calc(100% - 120px);
  }

  .rc-footer-columns {
    justify-content: space-between;
  }

  html.rtl .rc-footer-item {
    display: flex;
    justify-content: flex-start;
    text-align: right;
  }

  html.rtl .rc-footer-item-icon {
    margin-right: 0;
    margin-left: 0.4em;
  }

  .prev-next-nav {
    width: calc(100% - 128px);
    margin-right: 64px;
    margin-left: 64px;
    overflow: hidden;
    font-size: 14px;
    border-top: 1px solid #303030;
  }

  .prev-next-nav > .prev-page,
  .prev-next-nav > .next-page {
    float: left;
    width: 50%;
    height: 72px;
    line-height: 72px;
    text-decoration: none;
  }

  .ant-row-rtl .prev-next-nav > .prev-page,
  .ant-row-rtl .prev-next-nav > .next-page {
    float: right;
  }

  .ant-row-rtl .prev-next-nav > .prev-page .footer-nav-icon-before,
  .ant-row-rtl .prev-next-nav > .next-page .footer-nav-icon-before,
  .ant-row-rtl .prev-next-nav > .prev-page .footer-nav-icon-after,
  .ant-row-rtl .prev-next-nav > .next-page .footer-nav-icon-after {
    transform: rotate(180deg);
  }

  .prev-next-nav > a.prev-page .footer-nav-icon-before {
    position: relative;
    left: 0;
    margin-right: 1em;
    color: rgba(255, 255, 255, 0.45);
    font-size: 12px;
    transition: all 0.3s;
  }

  .ant-row-rtl .prev-next-nav > a.prev-page .footer-nav-icon-before {
    right: 0;
    left: auto;
    margin-right: 0;
    margin-left: 1em;
  }

  .prev-next-nav > a.prev-page .footer-nav-icon-after {
    display: none;
  }

  .prev-next-nav > a.prev-page:hover .footer-nav-icon-before {
    left: -3px;
    color: #177ddc;
  }

  .ant-row-rtl .prev-next-nav > a.prev-page:hover .footer-nav-icon-before {
    right: -3px;
    left: auto;
  }

  .prev-next-nav > .next-page {
    float: right;
    text-align: right;
  }

  .ant-row-rtl .prev-next-nav > .next-page {
    float: left;
    text-align: left;
  }

  .prev-next-nav > .next-page .footer-nav-icon-after {
    position: relative;
    right: 0;
    margin-left: 1em;
    color: rgba(255, 255, 255, 0.45);
    font-size: 12px;
    transition: all 0.3s;
  }

  .ant-row-rtl .prev-next-nav > .next-page .footer-nav-icon-after {
    right: auto;
    left: 0;
    margin-right: 1em;
    margin-left: 0;
  }

  .prev-next-nav > .next-page .footer-nav-icon-before {
    display: none;
  }

  .prev-next-nav > .next-page:hover .footer-nav-icon-after {
    right: -3px;
    color: #177ddc;
  }

  .ant-row-rtl .prev-next-nav > .next-page:hover .footer-nav-icon-after {
    right: auto;
    left: -3px;
  }

  .prev-next-nav .chinese {
    margin-left: 0.5em;
  }

  .markdown {
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    line-height: 2;
  }

  .highlight {
    line-height: 1.5;
  }

  .markdown img {
    max-width: calc(100% - 32px);
    max-height: 100%;
  }

  .markdown p > img {
    margin: 34px 0;
    box-shadow: 0 8px 20px rgba(143, 168, 191, 0.35);
  }

  .markdown p > img.markdown-inline-image {
    margin: 0;
    box-shadow: none;
  }

  .markdown h1 {
    margin-top: 8px;
    margin-bottom: 20px;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
    font-size: 30px;
    font-family: Avenir, -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
      helvetica neue, Arial, noto sans, sans-serif, apple color emoji,
      segoe ui emoji, segoe ui symbol, noto color emoji, sans-serif;
    line-height: 38px;
  }

  .markdown h1 .subtitle {
    margin-left: 12px;
  }

  .markdown h2 {
    font-size: 24px;
    line-height: 32px;
  }

  .markdown h2,
  .markdown h3,
  .markdown h4,
  .markdown h5,
  .markdown h6 {
    clear: both;
    margin: 1.6em 0 0.6em;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
    font-family: Avenir, -apple-system, BlinkMacSystemFont, segoe ui, Roboto,
      helvetica neue, Arial, noto sans, sans-serif, apple color emoji,
      segoe ui emoji, segoe ui symbol, noto color emoji, sans-serif;
  }

  .markdown h3 {
    font-size: 18px;
  }

  .markdown h4 {
    font-size: 16px;
  }

  .markdown h5 {
    font-size: 14px;
  }

  .markdown h6 {
    font-size: 12px;
  }

  .markdown hr {
    clear: both;
    height: 1px;
    margin: 56px 0;
    background: #303030;
    border: 0;
  }

  .markdown p,
  .markdown pre {
    margin: 1em 0;
  }

  .ant-row-rtl .markdown p,
  .ant-row-rtl .markdown pre {
    direction: rtl;
    text-align: right;
  }

  .markdown ul > li {
    margin-left: 20px;
    padding-left: 4px;
    list-style-type: circle;
  }

  .rtl .markdown ul > li {
    margin-right: 20px;
    margin-left: 0;
    padding-right: 4px;
    padding-left: 0;
  }

  .markdown ul > li:empty {
    display: none;
  }

  .markdown ol > li {
    margin-left: 20px;
    padding-left: 4px;
    list-style-type: decimal;
  }

  .ant-row-rtl .markdown ol > li {
    margin-right: 20px;
    margin-left: 0;
    padding-right: 4px;
    padding-left: 0;
  }

  .markdown ul > li > p,
  .markdown ol > li > p {
    margin: 0.2em 0;
  }

  .markdown code {
    margin: 0 1px;
    padding: 0.2em 0.4em;
    font-size: 0.9em;
    background: #f2f4f5;
    border: 1px solid #303030;
    border-radius: 3px;
  }

  .markdown pre {
    font-family: sfmono-regular, Consolas, liberation mono, Menlo, Courier,
      monospace;
    background: #f2f4f5;
    border-radius: 2px;
  }

  .markdown pre code {
    margin: 0;
    padding: 0;
    overflow: auto;
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    direction: ltr;
    text-align: left;
    background: #f5f5f5;
    border: none;
  }

  .markdown strong,
  .markdown b {
    font-weight: 500;
  }

  .markdown > table {
    width: 100%;
    margin: 8px 0 16px;
    direction: ltr;
    empty-cells: show;
    border: 1px solid #303030;
    border-collapse: collapse;
    border-spacing: 0;
  }

  .markdown > table th {
    color: #5c6b77;
    font-weight: 500;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.02);
  }

  .markdown > table th,
  .markdown > table td {
    padding: 16px 24px;
    text-align: left;
    border: 1px solid #303030;
  }

  .markdown table td > a:not(:last-child) {
    margin-right: 0 !important;
  }

  .markdown table td > a:not(:last-child)::after {
    position: relative !important;
  }

  .markdown blockquote {
    margin: 1em 0;
    padding-left: 0.8em;
    color: rgba(255, 255, 255, 0.45);
    font-size: 90%;
    border-left: 4px solid #303030;
  }

  .rtl .markdown blockquote {
    padding-right: 0.8em;
    padding-left: 0;
    border-right: 4px solid #303030;
    border-left: none;
  }

  .markdown blockquote p {
    margin: 0;
  }

  .markdown .anchor {
    margin-left: 8px;
    opacity: 0;
    transition: opacity 0.3s;
  }

  .rtl .markdown .anchor {
    margin-right: 8px;
    margin-left: 0;
  }

  .markdown .waiting {
    color: #ccc;
    cursor: not-allowed;
  }

  .markdown a.edit-button {
    display: inline-block;
    margin-left: 8px;
    text-decoration: none;
  }

  .rtl .markdown a.edit-button {
    margin-right: 8px;
    margin-left: 0;
    transform: rotateY(180deg);
  }

  .markdown a.edit-button .anticon {
    display: block;
    color: rgba(255, 255, 255, 0.45);
    font-size: 16px;
    transition: all 0.3s;
  }

  .markdown a.edit-button .anticon:hover {
    color: rgba(255, 255, 255, 0.85);
  }

  .markdown h1:hover .anchor,
  .markdown h2:hover .anchor,
  .markdown h3:hover .anchor,
  .markdown h4:hover .anchor,
  .markdown h5:hover .anchor,
  .markdown h6:hover .anchor {
    display: inline-block;
    opacity: 1;
  }

  .markdown > br,
  .markdown > p > br {
    clear: both;
  }

  .markdown.api-container table {
    display: block;
    margin: 2em 0;
    overflow-x: auto;
    overflow-y: hidden;
    font-size: 13px;
    font-family: sfmono-regular, Consolas, liberation mono, Menlo, Courier,
      monospace;
    line-height: 1.5715;
    border: 0;
    -webkit-overflow-scrolling: touch;
  }

  .markdown.api-container table th,
  .markdown.api-container table td {
    padding: 12px;
    border-color: #303030;
    border-width: 1px 0;
  }

  .markdown.api-container table th:first-child,
  .markdown.api-container table td:first-child {
    border-left: 1px solid #303030;
  }

  .markdown.api-container table th:last-child,
  .markdown.api-container table td:last-child {
    border-right: 1px solid #303030;
  }

  .markdown.api-container table th {
    padding-top: 14px;
    border-width: 1px 0 2px;
  }

  .markdown.api-container table tbody tr {
    transition: all 0.3s;
  }

  .markdown.api-container table tbody tr:hover {
    background: rgba(60, 90, 100, 0.04);
  }

  .markdown.api-container table td:first-child {
    width: 18%;
    color: #595959;
    font-weight: 600;
    white-space: nowrap;
  }

  .markdown.api-container table td:nth-child(2) {
    width: 55%;
  }

  .markdown.api-container table td:nth-child(3) {
    width: 22%;
    color: #e0529c;
    font-size: 13px;
  }

  .markdown.api-container table td:nth-child(4) {
    width: 15%;
    font-size: 13px;
  }

  .markdown.api-container table td:nth-child(5) {
    width: 8%;
    font-size: 13px;
  }

  .markdown.api-container table td:nth-last-child(3):first-child {
    width: 38%;
  }

  .markdown.api-container
    table
    td:nth-last-child(3):first-child
    ~ td:nth-last-child(2) {
    width: 70%;
  }

  .markdown.api-container hr {
    margin: 12px 0;
  }

  .grid-demo .demo-row,
  [id^="components-grid-demo-"] .demo-row,
  .grid-demo .code-box-demo .demo-row,
  [id^="components-grid-demo-"] .code-box-demo .demo-row {
    margin-bottom: 8px;
    overflow: hidden;
    background-image: linear-gradient(
      90deg,
      #f5f5f5 4.16666667%,
      transparent 4.16666667%,
      transparent 8.33333333%,
      #f5f5f5 8.33333333%,
      #f5f5f5 12.5%,
      transparent 12.5%,
      transparent 16.66666667%,
      #f5f5f5 16.66666667%,
      #f5f5f5 20.83333333%,
      transparent 20.83333333%,
      transparent 25%,
      #f5f5f5 25%,
      #f5f5f5 29.16666667%,
      transparent 29.16666667%,
      transparent 33.33333333%,
      #f5f5f5 33.33333333%,
      #f5f5f5 37.5%,
      transparent 37.5%,
      transparent 41.66666667%,
      #f5f5f5 41.66666667%,
      #f5f5f5 45.83333333%,
      transparent 45.83333333%,
      transparent 50%,
      #f5f5f5 50%,
      #f5f5f5 54.16666667%,
      transparent 54.16666667%,
      transparent 58.33333333%,
      #f5f5f5 58.33333333%,
      #f5f5f5 62.5%,
      transparent 62.5%,
      transparent 66.66666667%,
      #f5f5f5 66.66666667%,
      #f5f5f5 70.83333333%,
      transparent 70.83333333%,
      transparent 75%,
      #f5f5f5 75%,
      #f5f5f5 79.16666667%,
      transparent 79.16666667%,
      transparent 83.33333333%,
      #f5f5f5 83.33333333%,
      #f5f5f5 87.5%,
      transparent 87.5%,
      transparent 91.66666667%,
      #f5f5f5 91.66666667%,
      #f5f5f5 95.83333333%,
      transparent 95.83333333%
    );
  }

  .grid-demo .ant-row > div,
  [id^="components-grid-demo-"] .ant-row > div,
  .grid-demo .code-box-demo .ant-row > div,
  [id^="components-grid-demo-"] .code-box-demo .ant-row > div {
    min-height: 30px;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #fff;
    text-align: center;
    border-radius: 0;
  }

  .grid-demo .code-box-demo .ant-row > div:not(.gutter-row),
  [id^="components-grid-demo-"] .code-box-demo .ant-row > div:not(.gutter-row) {
    padding: 16px 0;
    background: #0092ff;
  }

  .grid-demo .code-box-demo .ant-row > div:not(.gutter-row):nth-child(2n + 1),
  [id^="components-grid-demo-"]
    .code-box-demo
    .ant-row
    > div:not(.gutter-row):nth-child(2n + 1) {
    background: rgba(0, 146, 255, 0.75);
  }

  .grid-demo .ant-row .demo-col,
  [id^="components-grid-demo-"] .ant-row .demo-col,
  .grid-demo .code-box-demo .ant-row .demo-col,
  [id^="components-grid-demo-"] .code-box-demo .ant-row .demo-col {
    margin-top: 0;
    margin-bottom: 0;
    padding: 30px 0;
    color: #fff;
    font-size: 18px;
    text-align: center;
    border: none;
  }

  .grid-demo .ant-row .demo-col-1,
  [id^="components-grid-demo-"] .ant-row .demo-col-1 {
    background: rgba(0, 146, 255, 0.75);
  }

  .grid-demo .ant-row .demo-col-2,
  [id^="components-grid-demo-"] .ant-row .demo-col-2,
  .grid-demo .code-box-demo .ant-row .demo-col-2,
  [id^="components-grid-demo-"] .code-box-demo .ant-row .demo-col-2 {
    background: rgba(0, 146, 255, 0.5);
  }

  .grid-demo .ant-row .demo-col-3,
  [id^="components-grid-demo-"] .ant-row .demo-col-3,
  .grid-demo .code-box-demo .ant-row .demo-col-3,
  [id^="components-grid-demo-"] .code-box-demo .ant-row .demo-col-3 {
    color: #999;
    background: rgba(255, 255, 255, 0.2);
  }

  .grid-demo .ant-row .demo-col-4,
  [id^="components-grid-demo-"] .ant-row .demo-col-4,
  .grid-demo .code-box-demo .ant-row .demo-col-4,
  [id^="components-grid-demo-"] .code-box-demo .ant-row .demo-col-4 {
    background: rgba(0, 146, 255, 0.6);
  }

  .grid-demo .ant-row .demo-col-5,
  [id^="components-grid-demo-"] .ant-row .demo-col-5,
  .grid-demo .code-box-demo .ant-row .demo-col-5,
  [id^="components-grid-demo-"] .code-box-demo .ant-row .demo-col-5 {
    color: #999;
    background: rgba(255, 255, 255, 0.2);
  }

  .grid-demo .code-box-demo .height-100,
  [id^="components-grid-demo-"] .code-box-demo .height-100 {
    height: 100px;
    line-height: 100px;
  }

  .grid-demo .code-box-demo .height-50,
  [id^="components-grid-demo-"] .code-box-demo .height-50 {
    height: 50px;
    line-height: 50px;
  }

  .grid-demo .code-box-demo .height-120,
  [id^="components-grid-demo-"] .code-box-demo .height-120 {
    height: 120px;
    line-height: 120px;
  }

  .grid-demo .code-box-demo .height-80,
  [id^="components-grid-demo-"] .code-box-demo .height-80 {
    height: 80px;
    line-height: 80px;
  }

  [id="components-grid-demo-playground"] > .code-box-demo .ant-row > div,
  [id="components-grid-demo-gutter"] > .code-box-demo .ant-row > div {
    margin-top: 0;
    margin-bottom: 0;
  }

  .markdown ul.ant-timeline {
    line-height: 2;
  }

  .markdown ul.ant-timeline li.ant-timeline-item {
    margin: 0;
    padding: 0 0 30px;
    list-style: none;
  }

  .markdown ul.ant-timeline li.ant-timeline-item .ant-timeline-item-content {
    position: relative;
    top: -14px;
    padding-left: 32px;
    font-size: 14px;
  }

  .markdown
    ul.ant-timeline
    li.ant-timeline-item
    .ant-timeline-item-content
    > h2 {
    margin-top: 0;
    padding-top: 4px;
    direction: ltr;
  }

  .ant-row-rtl
    .markdown
    ul.ant-timeline
    li.ant-timeline-item
    .ant-timeline-item-content
    > h2
    span {
    float: right;
  }

  .markdown ul.ant-timeline li.ant-timeline-item:first-child {
    margin-top: 40px;
  }

  .design-inline-cards {
    display: flex;
    margin: 0 -20px;
  }

  .design-inline-cards > * {
    flex: 10%;
    margin: 0 20px;
  }

  .design-inline-cards img {
    width: 100%;
    max-width: 100%;
  }

  .design-inline-cards h4 {
    margin-bottom: 0;
  }

  .preview-image-boxes {
    display: flex;
    float: right;
    clear: both;
    width: 496px;
    margin: 0 0 70px 64px;
  }

  .preview-image-boxes-with-carousel {
    width: 420px;
  }

  .preview-image-boxes-with-carousel .preview-image-box img {
    padding: 0;
  }

  .ant-row-rtl .preview-image-boxes {
    float: left;
    margin: 0 64px 70px 0;
  }

  .preview-image-boxes + .preview-image-boxes {
    margin-top: -35px;
  }

  .preview-image-box {
    float: left;
    width: 100%;
  }

  .preview-image-box + .preview-image-box {
    margin-left: 24px;
  }

  .ant-row-rtl .preview-image-box + .preview-image-box {
    margin-right: 24px;
    margin-left: 0;
  }

  .preview-image-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 16px;
    text-align: center;
    background: #f2f4f5;
  }

  .preview-image-wrapper.video {
    display: block;
    padding: 0;
    background: 0;
  }

  .preview-image-wrapper video {
    display: block;
    width: 100%;
  }

  .preview-image-wrapper video + svg {
    position: absolute;
    top: 0;
    left: 0;
  }

  .preview-image-wrapper.good::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #177ddc;
    content: "";
  }

  .preview-image-wrapper.bad::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #a61d24;
    content: "";
  }

  .preview-image-title {
    margin-top: 20px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 12px;
  }

  .preview-image-description {
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.45);
    font-size: 12px;
    line-height: 1.5;
  }

  .preview-image-description hr {
    margin: 2px 0;
    background: 0 0;
    border: 0;
  }

  .preview-image-box img {
    max-width: 100%;
    padding: 12px;
    background: #000;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s;
  }

  .preview-image-box img.no-padding {
    padding: 0;
    background: 0 0;
  }

  .preview-image-boxes.preview-image-boxes-with-carousel img {
    padding: 0;
    box-shadow: 0 1px 0 0 #ddd, 0 3px 0 0 #000, 0 4px 0 0 #ddd, 0 6px 0 0 #000,
      0 7px 0 0 #ddd;
  }

  .preview-image-box img:hover {
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  }

  .image-modal {
    text-align: center;
  }

  .image-modal-container {
    position: relative;
    text-align: center;
  }

  .image-modal .ant-carousel .slick-slider {
    padding-bottom: 24px;
  }

  .image-modal .ant-carousel .slick-slider img {
    display: inline;
    max-width: 100%;
  }

  .image-modal .ant-carousel .slick-dots {
    bottom: 4px;
  }

  .image-modal .ant-carousel .slick-dots li button {
    background: #888;
  }

  .image-modal .image-modal-single.slick-slider {
    padding-bottom: 0;
  }

  .image-modal .image-modal-single .slick-dots {
    display: none !important;
  }

  .transition-video-player,
  .motion-video-min {
    float: right;
    width: 600px;
    padding: 0 0 70px 20px;
  }

  .transition-video-player .preview-image-wrapper,
  .motion-video-min .preview-image-wrapper {
    padding: 0;
  }

  .ant-row-rtl .transition-video-player,
  .ant-row-rtl .motion-video-min {
    float: left;
  }

  .motion-video-min {
    width: 390px;
  }

  .motion-principle-wrapper {
    width: 100%;
    max-width: 900px;
    margin: 48px 0 24px;
  }

  .principle-wrapper {
    width: 100%;
  }

  .principle-wrapper .principle {
    display: inline-block;
    width: 100%;
    min-height: 180px;
    margin-right: 12.5%;
    margin-bottom: 24px;
    padding: 24px;
    font-size: 24px;
    text-align: center;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
  }

  .principle-wrapper .principle:last-child {
    margin-right: 0;
  }

  .principle-wrapper .principle h4 {
    margin: 16px 0 8px;
  }

  .principle-wrapper .principle p {
    font-size: 12px;
    line-height: 24px;
  }

  .toc {
    margin: 16px 0;
    padding-left: 0;
    font-size: 12px;
    list-style: none;
    border-left: 1px solid #303030;
  }

  .ant-row-rtl .toc {
    border-right: 1px solid #303030;
    border-left: none;
  }

  ul.toc > li {
    margin-left: 0;
    padding-left: 0;
    line-height: 1.5;
    list-style: none;
  }

  ul.toc > li:not(:last-child) {
    margin-bottom: 4px;
  }

  .ant-row-rtl ul.toc > li {
    margin-right: 0;
    padding-right: 0;
  }

  ul.toc > li.toc-debug a {
    color: #642ab5;
  }

  .toc li > ul {
    display: none;
    font-size: 12px;
    text-indent: 8px;
  }

  .toc a {
    display: block;
    width: 110px;
    margin-left: -1px;
    padding-left: 16px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.85);
    white-space: nowrap;
    text-overflow: ellipsis;
    border-left: 1px solid transparent;
    transition: all 0.3s ease;
  }

  .ant-row-rtl .toc a {
    margin-right: -1px;
    margin-left: 0;
    padding-right: 16px;
    padding-left: 0;
    border-right: 1px solid transparent;
    border-left: none;
  }

  .toc a:hover {
    color: #177ddc;
  }

  .toc a.current {
    color: #177ddc;
    border-color: #177ddc;
  }

  .toc-affix {
    position: absolute;
    top: 8px;
    right: 20px;
  }

  .toc-affix .ant-affix {
    z-index: 9;
    max-height: calc(100vh - 16px);
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
  }

  .ant-row-rtl .toc-affix {
    right: auto;
    left: 20px;
  }

  .toc-affix-bottom {
    position: absolute;
    right: 20px;
    bottom: 88px;
  }

  .toc-affix-bottom .ant-affix {
    background: #000;
  }

  .ant-row-rtl .toc-affix-bottom {
    right: auto;
    left: 20px;
  }

  #page-404 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
  }

  #page-404 section {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
  }

  #page-404 h1 {
    color: #177ddc;
    font-weight: 500;
    font-size: 120px;
  }

  #page-404 p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 18px;
  }

  pre code {
    display: block;
    padding: 16px 32px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-family: lucida console, Consolas, Monaco, andale mono, ubuntu mono,
      monospace;
    line-height: 2;
    white-space: pre;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
  }

  code[class*="language-"],
  pre[class*="language-"] {
    color: #000;
    font-family: lucida console, Consolas, Monaco, andale mono, ubuntu mono,
      monospace;
    line-height: 1.5;
    direction: ltr;
    white-space: pre;
    text-align: left;
    word-wrap: normal;
    word-break: normal;
    word-spacing: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    background: 0 0;
  }

  code[class*="css"] {
    direction: ltr;
  }

  pre[class*="language-"] ::-moz-selection,
  code[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background: #b3d4fc;
  }

  pre[class*="language-"] ::selection,
  code[class*="language-"] ::selection {
    text-shadow: none;
    background: #b3d4fc;
  }

  @media print {
    code[class*="language-"],
    pre[class*="language-"] {
      text-shadow: none;
    }
  }

  pre[class*="language-"] {
    margin: 16px 0;
    padding: 12px 20px;
    overflow: auto;
  }

  :not(pre) > code[class*="language-"],
  pre[class*="language-"] {
    background: #f5f5f5;
  }

  :not(pre) > code[class*="language-"] {
    padding: 0.1em;
    white-space: normal;
    border-radius: 0.3em;
  }

  .token.comment,
  .token.prolog,
  .token.doctype,
  .token.cdata {
    color: #708090;
  }

  .token.punctuation {
    color: #999;
  }

  .namespace {
    opacity: 0.7;
  }

  .token.property,
  .token.tag,
  .token.boolean,
  .token.number,
  .token.constant,
  .token.symbol,
  .token.deleted {
    color: #f81d22;
  }

  .token.selector,
  .token.attr-name,
  .token.string,
  .token.char,
  .token.builtin,
  .token.inserted {
    color: #0b8235;
  }

  .token.operator,
  .token.entity,
  .token.url,
  .language-css .token.string,
  .style .token.string {
    color: #0b8235;
  }

  .token.atrule,
  .token.attr-value,
  .token.keyword {
    color: #008dff;
  }

  .token.function {
    color: #f81d22;
  }

  .token.regex,
  .token.important,
  .token.variable {
    color: #e90;
  }

  .token.important,
  .token.bold {
    font-weight: 700;
  }

  .token.italic {
    font-style: italic;
  }

  .token.entity {
    cursor: help;
  }

  .code-boxes-col-1-1 {
    width: 100%;
  }

  .code-boxes-col-2-1 {
    display: inline-block;
    vertical-align: top;
  }

  .code-box {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 0 16px;
    border: 1px solid #303030;
    border-radius: 2px;
    transition: all 0.2s;
  }

  .code-box .code-box-title,
  .code-box .code-box-title a {
    color: rgba(255, 255, 255, 0.85);
    background: #141414;
  }

  .code-box,
  .code-box .code-box-demo {
    background-color: #141414;
  }

  .code-box .markdown pre {
    margin: 0.5em 0;
    padding: 6px 12px;
  }

  .code-box .markdown pre code {
    margin: 0;
    background: #f5f5f5;
  }

  .code-box:target {
    border: 1px solid #177ddc;
  }

  .code-box-expand-trigger {
    position: relative;
    margin-left: 12px;
    color: #3b4357;
    font-size: 20px;
    cursor: pointer;
    opacity: 0.75;
    transition: all 0.3s;
  }

  .code-box-expand-trigger:hover {
    opacity: 1;
  }

  .ant-row-rtl .code-box-expand-trigger {
    margin-right: 8px;
    margin-left: 0;
  }

  .code-box-title {
    position: absolute;
    top: -14px;
    margin-left: 16px;
    padding: 1px 8px;
    color: #777;
    background: #000;
    border-radius: 2px 2px 0 0;
    transition: background-color 0.4s;
  }

  .ant-row-rtl .code-box-title {
    margin-right: 16px;
    margin-left: 0;
    border-radius: 2px 0 0 2px;
  }

  .code-box-title a,
  .code-box-title a:hover {
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
    font-size: 14px;
  }

  .code-box-description {
    padding: 18px 24px 12px;
  }

  .code-box a.edit-button {
    position: absolute;
    top: 7px;
    right: -16px;
    padding-right: 6px;
    font-size: 12px;
    text-decoration: none;
    background: inherit;
    transform: scale(0.9);
  }

  .code-box a.edit-button .anticon {
    color: rgba(255, 255, 255, 0.45);
    transition: all 0.3s;
  }

  .code-box a.edit-button .anticon:hover {
    color: rgba(255, 255, 255, 0.85);
  }

  .ant-row.ant-row-rtl .code-box a.edit-button {
    right: auto;
    left: -22px;
    margin-right: 0;
    padding-right: 8px;
    padding-left: 6px;
  }

  .code-box-demo {
    padding: 42px 24px 50px;
    color: rgba(255, 255, 255, 0.85);
    border-bottom: 1px solid #303030;
  }

  .code-box iframe {
    width: 100%;
    border: 0;
  }

  .code-box-meta.markdown {
    position: relative;
    width: 100%;
    font-size: 14px;
    border-radius: 0 0 2px 2px;
    transition: background-color 0.4s;
  }

  .code-box-meta blockquote {
    line-height: 1.5;
  }

  .code-box-meta h4,
  section.code-box-meta p {
    margin: 0;
  }

  .code-box-meta > p {
    width: 100%;
    margin: 0.5em 0;
    padding-right: 25px;
    font-size: 12px;
    word-break: break-word;
  }

  .ant-row-rtl .code-box-meta > p {
    padding-right: 0;
    padding-left: 25px;
  }

  .code-box.expand .code-box-meta {
    border-bottom: 1px dashed #303030;
    border-radius: 0;
  }

  .code-box .code-expand-icon {
    cursor: pointer;
  }

  .code-box .code-expand-icon-show,
  .code-box .code-expand-icon-hide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    box-shadow: none;
    transition: all 0.4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ant-row-rtl .code-box .code-expand-icon-show,
  .ant-row-rtl .code-box .code-expand-icon-hide {
    right: 0;
    left: auto;
  }

  .code-box .code-expand-icon-show {
    opacity: 0.55;
    pointer-events: auto;
  }

  .code-box .code-expand-icon-show:hover {
    opacity: 1;
  }

  .code-box .code-expand-icon.ant-tooltip-open .code-expand-icon-show {
    opacity: 1;
  }

  .code-box .code-expand-icon-hide {
    opacity: 0;
    pointer-events: none;
  }

  .code-box .highlight-wrapper {
    display: none;
    overflow: auto;
    border-radius: 0 0 2px 2px;
  }

  .code-box .highlight-wrapper-expand {
    display: block;
  }

  .code-box .highlight {
    position: relative;
  }

  .code-box .highlight pre {
    margin: 0;
    padding: 0;
    background: #141414;
  }

  .code-box .highlight:not(:first-child) {
    border-top: 1px dashed #303030;
  }

  .code-box-actions {
    display: flex;
    justify-content: center;
    padding: 12px 0;
    border-top: 1px dashed #303030;
    opacity: 0.7;
    transition: opacity 0.3s;
  }

  .code-box-actions:hover {
    opacity: 1;
  }

  .code-box-actions > .code-box-code-action {
    position: relative;
    display: flex;
    align-items: center;
    width: 16px;
    height: 16px;
    margin-left: 16px;
    color: rgba(255, 255, 255, 0.45);
    cursor: pointer;
    transition: all 0.24s;
  }

  .ant-row-rtl .code-box-actions > .code-box-code-action {
    margin-right: 16px;
    margin-left: 0;
  }

  .code-box-actions > .code-box-code-action:first-child {
    margin-left: 0;
  }

  .ant-row-rtl .code-box-actions > .code-box-code-action:first-child {
    margin-right: 0;
  }

  .code-box-actions > .code-box-code-action:hover {
    color: rgba(255, 255, 255, 0.85);
  }

  .code-box-code-copy {
    width: 14px;
    height: 14px;
    font-size: 14px;
    text-align: center;
    background: #141414;
    cursor: pointer;
    transition: transform 0.24s;
  }

  .code-box-code-copy:hover {
    transform: scale(1.2);
  }

  .code-box-code-copy.anticon-check {
    color: #49aa19 !important;
    font-weight: 700;
  }

  .code-box-codepen {
    width: 14px;
    height: 14px;
    overflow: hidden;
    border: 0;
    cursor: pointer;
  }

  .code-box-riddle {
    width: 14px;
    height: 14px;
    overflow: hidden;
    border: 0;
    cursor: pointer;
  }

  .code-box-codesandbox {
    width: 16px;
    height: 16px;
    overflow: hidden;
    border: 0;
    cursor: pointer;
  }

  .code-box-codesandbox:hover {
    opacity: 1;
  }

  .highlight-wrapper:hover .code-box-code-copy,
  .highlight-wrapper:hover .code-box-codepen,
  .highlight-wrapper:hover .code-box-codesandbox,
  .highlight-wrapper:hover .code-box-riddle {
    opacity: 1;
  }

  .code-box pre {
    width: auto;
    margin: 0;
  }

  .code-box pre code {
    background: #141414;
    border: none;
  }

  .code-box-debug {
    border-color: #301c4d;
  }

  .code-box-debug .code-box-title a {
    color: #642ab5;
  }

  .all-code-box-controls {
    float: right;
  }

  .ant-row-rtl .all-code-box-controls {
    float: left;
  }

  .ant-row-rtl #components-tooltip-demo-placement .code-box-demo,
  .ant-row-rtl #components-popover-demo-placement .code-box-demo,
  .ant-row-rtl #components-popconfirm-demo-placement .code-box-demo {
    direction: ltr;
  }

  .color-palettes {
    margin: 0 1%;
  }

  .color-palettes-dark {
    margin: 0;
    padding: 0 28px;
    background-color: #141414;
  }

  .color-palettes-dark .color-title {
    color: rgba(255, 255, 255, 0.85);
  }

  .color-palettes-dark .color-description {
    color: rgba(255, 255, 255, 0.45);
  }

  .color-palettes-dark .color-palette {
    margin: 45px 3.5% 45px 0;
  }

  .color-palettes-dark .color-palette:nth-of-type(3n) {
    margin-right: 0;
  }

  .color-palettes-dark .color-palette .main-color-item {
    margin-right: 0;
  }

  .color-palettes-dark .color-palette .main-color-item:hover {
    margin-right: -8px;
  }

  .color-palette {
    display: inline-block;
    width: 31%;
    margin: 45px 1%;
  }

  .color-palette-pick {
    margin: 0 0 20px;
    font-size: 20px;
    text-align: center;
  }

  .color-palette-picker {
    margin: 24px 0;
  }

  .color-palette-picker-value {
    position: relative;
    top: -3px;
    margin-left: 16px;
    font-size: 14px;
    font-family: Consolas, sans-serif;
  }

  .ant-row-rtl .color-palette-picker-value {
    margin-right: 16px;
    margin-left: 0;
  }

  .color-palette-picker-validation {
    position: relative;
    top: -3px;
    margin-left: 16px;
    color: #a61d24;
    font-size: 13px;
  }

  .ant-row-rtl .color-palette-picker-validation {
    margin-right: 16px;
    margin-left: 0;
  }

  .color-palette-picker-validation-dark {
    margin-left: 0;
  }

  .main-color {
    text-align: left;
  }

  .main-color .palette-blue-1 {
    background: #111d2c;
  }

  .main-color .palette-blue-2 {
    background: #112a45;
  }

  .main-color .palette-blue-3 {
    background: #15395b;
  }

  .main-color .palette-blue-4 {
    background: #164c7e;
  }

  .main-color .palette-blue-5 {
    background: #1765ad;
  }

  .main-color .palette-blue-6 {
    background: #177ddc;
  }

  .main-color .palette-blue-7 {
    background: #3c9ae8;
  }

  .main-color .palette-blue-8 {
    background: #65b7f3;
  }

  .main-color .palette-blue-9 {
    background: #8dcff8;
  }

  .main-color .palette-blue-10 {
    background: #b7e3fa;
  }

  .main-color .palette-purple-1 {
    background: #1a1325;
  }

  .main-color .palette-purple-2 {
    background: #24163a;
  }

  .main-color .palette-purple-3 {
    background: #301c4d;
  }

  .main-color .palette-purple-4 {
    background: #3e2069;
  }

  .main-color .palette-purple-5 {
    background: #51258f;
  }

  .main-color .palette-purple-6 {
    background: #642ab5;
  }

  .main-color .palette-purple-7 {
    background: #854eca;
  }

  .main-color .palette-purple-8 {
    background: #ab7ae0;
  }

  .main-color .palette-purple-9 {
    background: #cda8f0;
  }

  .main-color .palette-purple-10 {
    background: #ebd7fa;
  }

  .main-color .palette-cyan-1 {
    background: #112123;
  }

  .main-color .palette-cyan-2 {
    background: #113536;
  }

  .main-color .palette-cyan-3 {
    background: #144848;
  }

  .main-color .palette-cyan-4 {
    background: #146262;
  }

  .main-color .palette-cyan-5 {
    background: #138585;
  }

  .main-color .palette-cyan-6 {
    background: #13a8a8;
  }

  .main-color .palette-cyan-7 {
    background: #33bcb7;
  }

  .main-color .palette-cyan-8 {
    background: #58d1c9;
  }

  .main-color .palette-cyan-9 {
    background: #84e2d8;
  }

  .main-color .palette-cyan-10 {
    background: #b2f1e8;
  }

  .main-color .palette-green-1 {
    background: #162312;
  }

  .main-color .palette-green-2 {
    background: #1d3712;
  }

  .main-color .palette-green-3 {
    background: #274916;
  }

  .main-color .palette-green-4 {
    background: #306317;
  }

  .main-color .palette-green-5 {
    background: #3c8618;
  }

  .main-color .palette-green-6 {
    background: #49aa19;
  }

  .main-color .palette-green-7 {
    background: #6abe39;
  }

  .main-color .palette-green-8 {
    background: #8fd460;
  }

  .main-color .palette-green-9 {
    background: #b2e58b;
  }

  .main-color .palette-green-10 {
    background: #d5f2bb;
  }

  .main-color .palette-magenta-1 {
    background: #291321;
  }

  .main-color .palette-magenta-2 {
    background: #40162f;
  }

  .main-color .palette-magenta-3 {
    background: #551c3b;
  }

  .main-color .palette-magenta-4 {
    background: #75204f;
  }

  .main-color .palette-magenta-5 {
    background: #a02669;
  }

  .main-color .palette-magenta-6 {
    background: #cb2b83;
  }

  .main-color .palette-magenta-7 {
    background: #e0529c;
  }

  .main-color .palette-magenta-8 {
    background: #f37fb7;
  }

  .main-color .palette-magenta-9 {
    background: #f8a8cc;
  }

  .main-color .palette-magenta-10 {
    background: #fad2e3;
  }

  .main-color .palette-red-1 {
    background: #2a1215;
  }

  .main-color .palette-red-2 {
    background: #431418;
  }

  .main-color .palette-red-3 {
    background: #58181c;
  }

  .main-color .palette-red-4 {
    background: #791a1f;
  }

  .main-color .palette-red-5 {
    background: #a61d24;
  }

  .main-color .palette-red-6 {
    background: #d32029;
  }

  .main-color .palette-red-7 {
    background: #e84749;
  }

  .main-color .palette-red-8 {
    background: #f37370;
  }

  .main-color .palette-red-9 {
    background: #f89f9a;
  }

  .main-color .palette-red-10 {
    background: #fac8c3;
  }

  .main-color .palette-volcano-1 {
    background: #2b1611;
  }

  .main-color .palette-volcano-2 {
    background: #441d12;
  }

  .main-color .palette-volcano-3 {
    background: #592716;
  }

  .main-color .palette-volcano-4 {
    background: #7c3118;
  }

  .main-color .palette-volcano-5 {
    background: #aa3e19;
  }

  .main-color .palette-volcano-6 {
    background: #d84a1b;
  }

  .main-color .palette-volcano-7 {
    background: #e87040;
  }

  .main-color .palette-volcano-8 {
    background: #f3956a;
  }

  .main-color .palette-volcano-9 {
    background: #f8b692;
  }

  .main-color .palette-volcano-10 {
    background: #fad4bc;
  }

  .main-color .palette-orange-1 {
    background: #2b1d11;
  }

  .main-color .palette-orange-2 {
    background: #442a11;
  }

  .main-color .palette-orange-3 {
    background: #593815;
  }

  .main-color .palette-orange-4 {
    background: #7c4a15;
  }

  .main-color .palette-orange-5 {
    background: #aa6215;
  }

  .main-color .palette-orange-6 {
    background: #d87a16;
  }

  .main-color .palette-orange-7 {
    background: #e89a3c;
  }

  .main-color .palette-orange-8 {
    background: #f3b765;
  }

  .main-color .palette-orange-9 {
    background: #f8cf8d;
  }

  .main-color .palette-orange-10 {
    background: #fae3b7;
  }

  .main-color .palette-gold-1 {
    background: #2b2111;
  }

  .main-color .palette-gold-2 {
    background: #443111;
  }

  .main-color .palette-gold-3 {
    background: #594214;
  }

  .main-color .palette-gold-4 {
    background: #7c5914;
  }

  .main-color .palette-gold-5 {
    background: #aa7714;
  }

  .main-color .palette-gold-6 {
    background: #d89614;
  }

  .main-color .palette-gold-7 {
    background: #e8b339;
  }

  .main-color .palette-gold-8 {
    background: #f3cc62;
  }

  .main-color .palette-gold-9 {
    background: #f8df8b;
  }

  .main-color .palette-gold-10 {
    background: #faedb5;
  }

  .main-color .palette-yellow-1 {
    background: #2b2611;
  }

  .main-color .palette-yellow-2 {
    background: #443b11;
  }

  .main-color .palette-yellow-3 {
    background: #595014;
  }

  .main-color .palette-yellow-4 {
    background: #7c6e14;
  }

  .main-color .palette-yellow-5 {
    background: #aa9514;
  }

  .main-color .palette-yellow-6 {
    background: #d8bd14;
  }

  .main-color .palette-yellow-7 {
    background: #e8d639;
  }

  .main-color .palette-yellow-8 {
    background: #f3ea62;
  }

  .main-color .palette-yellow-9 {
    background: #f8f48b;
  }

  .main-color .palette-yellow-10 {
    background: #fafab5;
  }

  .main-color .palette-lime-1 {
    background: #1f2611;
  }

  .main-color .palette-lime-2 {
    background: #2e3c10;
  }

  .main-color .palette-lime-3 {
    background: #3e4f13;
  }

  .main-color .palette-lime-4 {
    background: #536d13;
  }

  .main-color .palette-lime-5 {
    background: #6f9412;
  }

  .main-color .palette-lime-6 {
    background: #8bbb11;
  }

  .main-color .palette-lime-7 {
    background: #a9d134;
  }

  .main-color .palette-lime-8 {
    background: #c9e75d;
  }

  .main-color .palette-lime-9 {
    background: #e4f88b;
  }

  .main-color .palette-lime-10 {
    background: #f0fab5;
  }

  .main-color .palette-geekblue-1 {
    background: #131629;
  }

  .main-color .palette-geekblue-2 {
    background: #161d40;
  }

  .main-color .palette-geekblue-3 {
    background: #1c2755;
  }

  .main-color .palette-geekblue-4 {
    background: #203175;
  }

  .main-color .palette-geekblue-5 {
    background: #263ea0;
  }

  .main-color .palette-geekblue-6 {
    background: #2b4acb;
  }

  .main-color .palette-geekblue-7 {
    background: #5273e0;
  }

  .main-color .palette-geekblue-8 {
    background: #7f9ef3;
  }

  .main-color .palette-geekblue-9 {
    background: #a8c1f8;
  }

  .main-color .palette-geekblue-10 {
    background: #d2e0fa;
  }

  .main-color .palette-gray-1 {
    background: #fff;
  }

  .main-color .palette-gray-2 {
    background: #fafafa;
  }

  .main-color .palette-gray-3 {
    background: #f5f5f5;
  }

  .main-color .palette-gray-4 {
    background: #f0f0f0;
  }

  .main-color .palette-gray-5 {
    background: #d9d9d9;
  }

  .main-color .palette-gray-6 {
    background: #bfbfbf;
  }

  .main-color .palette-gray-7 {
    background: #8c8c8c;
  }

  .main-color .palette-gray-8 {
    background: #595959;
  }

  .main-color .palette-gray-9 {
    background: #434343;
  }

  .main-color .palette-gray-10 {
    background: #262626;
  }

  .main-color .palette-gray-11 {
    background: #1f1f1f;
  }

  .main-color .palette-gray-12 {
    background: #141414;
  }

  .main-color .palette-gray-13 {
    background: #000;
  }

  .main-color-item {
    position: relative;
    height: 44px;
    margin-right: 4px;
    padding: 0 12px;
    font-size: 14px;
    font-family: Consolas, sans-serif;
    line-height: 44px;
    cursor: pointer;
    transition: all 0.2s;
  }

  .main-color-item:first-child {
    border-radius: 4px 4px 0 0;
  }

  .main-color-item:last-child {
    border-radius: 0 0 4px 4px;
  }

  .main-color-item:hover {
    margin-right: -8px;
    border-radius: 0 4px 4px 0;
  }

  .main-color-item .main-color-text {
    float: left;
    transition: all 0.3s;
  }

  .main-color-item .main-color-value {
    position: relative;
    left: 3px;
    float: right;
    transform: scale(0.85);
    transform-origin: 100% 50%;
    opacity: 0;
    transition: all 0.3s;
  }

  .color-title {
    margin: 0 0 24px;
    color: #5c6b77;
    font-weight: 500;
    font-size: 22px;
    text-align: center;
    text-transform: capitalize;
  }

  .color-description {
    display: block;
    color: #777;
    font-weight: lighter;
    font-size: 14px;
  }

  .main-color:hover .main-color-value {
    left: 0;
    opacity: 0.7;
  }

  .color-palette-horizontal {
    width: 100%;
  }

  .color-palette-horizontal-dark {
    height: 303px;
    padding: 32px 28px;
    background-color: #141414;
  }

  .color-palette-horizontal-dark .color-palette-picker {
    margin-bottom: 0;
  }

  .color-palette-horizontal-dark .color-palette-pick {
    color: rgba(255, 255, 255, 0.65);
    text-align: left;
  }

  .color-palette-horizontal-dark .color-palette-pick-hex {
    color: rgba(255, 255, 255, 0.65);
  }

  .ant-row-rtl .color-palette-horizontal-dark .color-palette-pick {
    direction: rtl;
    text-align: right;
  }

  .color-palette-horizontal .main-color {
    display: flex;
  }

  .color-palette-horizontal .main-color-item {
    position: relative;
    flex: 1;
    height: 86px;
    margin-right: 0;
    padding: 37px 0 0;
    line-height: normal;
    text-align: center;
    border-radius: 0;
  }

  .color-palette-horizontal .main-color-item .main-color-text {
    float: none;
  }

  .color-palette-horizontal .main-color-item:hover {
    height: 96px;
    margin-top: -10px;
    border-radius: 4px 4px 0 0;
  }

  .color-palette-horizontal .main-color-value {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    transform-origin: unset;
  }

  .color-palette-horizontal .main-color:hover .main-color-item {
    padding-top: 8px;
  }

  .color-palette-horizontal .main-color:hover .main-color-value {
    bottom: 8px;
    opacity: 0.7;
  }

  ul.anticons-list {
    margin: 10px 0;
    overflow: hidden;
    direction: ltr;
    list-style: none;
  }

  ul.anticons-list li {
    position: relative;
    float: left;
    width: 16.66%;
    height: 100px;
    margin: 3px 0;
    padding: 10px 0 0;
    overflow: hidden;
    color: #555;
    text-align: center;
    list-style: none;
    background-color: inherit;
    border-radius: 4px;
    cursor: pointer;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  }

  .rtl ul.anticons-list li {
    margin: 3px 0;
    padding: 10px 0 0;
  }

  ul.anticons-list li .anticon {
    margin: 12px 0 8px;
    font-size: 36px;
    transition: transform 0.3s ease-in-out;
    will-change: transform;
  }

  ul.anticons-list li .anticon-class {
    display: block;
    font-family: lucida console, Consolas, Monaco, andale mono, ubuntu mono,
      monospace;
    white-space: nowrap;
    text-align: center;
    transform: scale(0.83);
  }

  ul.anticons-list li .anticon-class .ant-badge {
    transition: color 0.3s ease-in-out;
  }

  ul.anticons-list li:hover {
    color: #fff;
    background-color: #177ddc;
  }

  ul.anticons-list li:hover .anticon {
    transform: scale(1.4);
  }

  ul.anticons-list li:hover .ant-badge {
    color: #fff;
  }

  ul.anticons-list li.TwoTone:hover {
    background-color: #8ecafe;
  }

  ul.anticons-list li.copied:hover {
    color: rgba(255, 255, 255, 0.2);
  }

  ul.anticons-list li::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    line-height: 110px;
    text-align: center;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    content: "Copied!";
  }

  ul.anticons-list li.copied::after {
    top: -10px;
    opacity: 1;
  }

  .copied-code {
    padding: 2px 4px;
    font-size: 12px;
    background: #f5f5f5;
    border-radius: 2px;
  }

  .icon-pic-searcher {
    display: inline-block;
    margin: 0 8px;
  }

  .icon-pic-searcher .icon-pic-btn {
    color: rgba(255, 255, 255, 0.45);
    cursor: pointer;
    transition: all 0.3s;
  }

  .icon-pic-searcher .icon-pic-btn:hover {
    color: rgba(255, 255, 255, 0.85);
  }

  .icon-pic-preview {
    width: 66px;
    height: 66px;
    margin-top: 10px;
    padding: 8px;
    text-align: center;
    border: 1px solid #434343;
    border-radius: 4px;
  }

  .icon-pic-preview > img {
    max-width: 50px;
    max-height: 50px;
  }

  .icon-pic-search-result {
    min-height: 50px;
    padding: 0 10px;
  }

  .icon-pic-search-result > .result-tip {
    padding: 10px 0;
    color: rgba(255, 255, 255, 0.45);
  }

  .icon-pic-search-result > table {
    width: 100%;
  }

  .icon-pic-search-result > table .col-icon {
    width: 80px;
    padding: 10px 0;
  }

  .icon-pic-search-result > table .col-icon > .anticon {
    font-size: 30px;
  }

  .icon-pic-search-result > table .col-icon > .anticon :hover {
    color: #165996;
  }

  .browser-mockup {
    position: relative;
    border-top: 2em solid rgba(230, 230, 230, 0.7);
    border-radius: 3px 3px 0 0;
    box-shadow: 0 0.1em 0.5em 0 rgba(0, 0, 0, 0.28);
  }

  .browser-mockup::before {
    position: absolute;
    top: -1.25em;
    left: 1em;
    display: block;
    width: 0.5em;
    height: 0.5em;
    background-color: #f44;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
    content: "";
  }

  .browser-mockup.with-tab::after {
    position: absolute;
    top: -2em;
    left: 5.5em;
    display: block;
    width: 20%;
    height: 0;
    border-right: 0.8em solid transparent;
    border-bottom: 2em solid #fff;
    border-left: 0.8em solid transparent;
    content: "";
  }

  .browser-mockup.with-url::after {
    position: absolute;
    top: -1.6em;
    left: 5.5em;
    display: block;
    width: calc(100% - 6em);
    height: 1.2em;
    background-color: #fff;
    border-radius: 2px;
    content: "";
  }

  .browser-mockup > * {
    display: block;
  }

  .motion-container {
    height: 190px;
    margin: 40px 0 20px;
    line-height: 190px;
    text-align: center;
  }

  .motion-example {
    display: inline-block !important;
    width: 180px;
    height: 180px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 180px;
    text-align: center;
    background: url("https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg")
      center/180px;
    border-radius: 8px;
    animation-duration: 0.5s !important;
  }

  .motion-select-wrapper {
    margin-bottom: 40px;
    text-align: center;
  }

  .motion-select {
    width: 180px;
    text-align: left;
  }

  .video-player {
    position: relative;
    max-width: 800px;
  }

  .video-player-right {
    float: right;
    width: 616px;
  }

  .nav-phone-icon {
    position: absolute;
    top: 25px;
    right: 30px;
    z-index: 1;
    display: none;
    width: 16px;
    height: 22px;
    cursor: pointer;
  }

  @media only screen and (max-width: 992px) {
    .main-container {
      padding-right: 48px;
      padding-left: 48px;
    }

    .main-container .toc-affix {
      display: none;
    }

    .code-boxes-col-2-1,
    .code-boxes-col-1-1 {
      float: none;
      width: 100%;
      min-width: 100%;
      max-width: unset;
    }
  }

  @media only screen and (max-width: 767.99px) {
    .preview-image-boxes {
      float: none;
      width: 100%;
      margin: 0 !important;
    }

    .preview-image-box {
      width: 100%;
      margin: 10px 0;
      padding: 0;
    }

    .image-wrapper {
      display: none;
    }

    div.version {
      display: block;
      margin: 29px auto 16px;
    }

    .toc {
      display: none;
    }

    .nav-phone-icon {
      display: block;
    }

    .main {
      height: calc(100% - 86px);
    }

    .aside-container {
      float: none;
      width: auto;
      padding-bottom: 30px;
      border-right: 0;
    }

    .main-container,
    .ant-row-rtl .main-container {
      margin-right: 0;
      margin-left: 0;
      padding-right: 16px;
      padding-left: 16px;
    }

    .main-container > .markdown > *,
    .ant-row-rtl .main-container > .markdown > * {
      width: 100% !important;
    }

    .main-wrapper {
      width: 100%;
      margin: 0;
      border-radius: 0;
    }

    .prev-next-nav {
      width: calc(100% - 32px);
      margin-left: 16px;
    }

    .ant-row-rtl .prev-next-nav {
      margin-right: 16px;
      margin-left: 64px;
    }

    .drawer .ant-menu-inline .ant-menu-item::after,
    .drawer .ant-menu-vertical .ant-menu-item::after {
      right: auto;
      left: 0;
    }

    #_hj_feedback_container {
      display: none;
    }

    .home-page-wrapper .page h2 {
      margin: 80px auto 64px;
    }

    .home-page-wrapper .parallax-bg {
      display: none;
    }

    .banner {
      display: block;
      height: 632px;
    }

    .banner-bg-wrapper {
      display: none;
    }

    .banner .img-wrapper,
    .banner .text-wrapper {
      display: inline-block;
      width: 100%;
      min-width: unset;
      max-width: unset;
      margin: auto;
      text-align: center;
    }

    .banner .img-wrapper {
      position: initial;
      margin-top: 20px;
      text-align: center;
    }

    .banner .img-wrapper svg {
      width: 100%;
      max-width: 260px;
      height: auto;
      margin: 0 auto;
    }

    .banner .text-wrapper {
      min-height: 200px;
      margin-top: 32px;
      padding: 0;
    }

    .banner .text-wrapper h1 {
      display: none;
    }

    .banner .text-wrapper p {
      color: #314659;
      font-size: 14px;
      line-height: 28px;
    }

    .banner .text-wrapper .banner-btns {
      display: block;
      min-width: 100%;
      white-space: nowrap;
      text-align: center;
    }

    .banner .text-wrapper .banner-btns .banner-btn {
      padding: 0 20px;
      font-size: 14px;
    }

    .banner .text-wrapper .banner-promote {
      min-width: 100%;
      margin-top: 32px;
    }

    .banner .text-wrapper .banner-promote .ant-divider {
      display: none;
    }

    .banner .text-wrapper .banner-promote a {
      font-size: 14px;
      white-space: nowrap;
    }

    .banner .text-wrapper .banner-promote a img {
      width: 20px;
    }

    .page1 {
      min-height: 1300px;
    }

    .page1 .ant-row {
      margin: 24px auto 64px;
    }

    .page1 .ant-row > div {
      margin-bottom: 48px;
    }

    .page2 {
      min-height: 840px;
      background: #000;
    }

    .page2-content {
      box-shadow: none;
    }

    .page2-components {
      display: none;
    }

    .page2-product {
      min-height: auto;
      padding: 0 16px;
    }

    .page2-product .product-block {
      margin-bottom: 34px;
      padding-bottom: 35px;
      border-bottom: 1px solid #303030;
    }

    .page2-product .product-block:last-child {
      margin-bottom: 32px;
      border-bottom: none;
    }

    .page2-product .product-block:last-child .block-text-wrapper {
      height: auto;
    }

    .page2-product .product-block .block-image-wrapper {
      height: 88px;
    }

    .page2-product .product-block .block-image-wrapper img {
      height: 100%;
    }

    .page2-product .product-block .block-text-wrapper {
      padding-bottom: 0;
      border-bottom: none;
    }

    .page2-product .product-block .block-text-wrapper h4 {
      margin-bottom: 4px;
      font-size: 18px;
      line-height: 24px;
    }

    .page2-product .product-block .block-text-wrapper p {
      margin-bottom: 8px;
      font-size: 12px;
      line-height: 20px;
    }

    .page2-product .product-block .block-text-wrapper a {
      line-height: 20px;
    }

    .page2-product
      .product-block
      .block-text-wrapper
      .components-button-wrapper {
      margin-top: 16px;
      font-size: 12px;
    }

    .page2-product
      .product-block
      .block-text-wrapper
      .components-button-wrapper
      a {
      display: block;
    }

    .page2-product .product-block .block-text-wrapper a.more-mobile-react,
    .page2-product .product-block .block-text-wrapper a.more-mobile-angular {
      margin-top: 0;
      color: #177ddc;
    }

    .page2-product .product-block .block-text-wrapper a.more-mobile-react:hover,
    .page2-product
      .product-block
      .block-text-wrapper
      a.more-mobile-angular:hover {
      color: #40a9ff;
    }

    .page3 {
      min-height: 688px;
      background: url(https://gw.alipayobjects.com/zos/rmsportal/qICoJIqqQRMeRGhPHBBS.svg)
        no-repeat;
      background-size: cover;
    }

    .page3 .ant-row {
      margin: 0 8px;
    }

    .page3 .page3-block {
      margin-bottom: 32px;
      padding: 24px;
      background: #000;
      border-radius: 4px;
      box-shadow: 0 8px 16px rgba(174, 185, 193, 0.3);
    }

    .page3 .page3-block:nth-child(2) .page3-img-wrapper img {
      display: block;
      width: 70%;
      margin: auto;
    }

    .page3 .page3-block p {
      font-size: 12px;
    }

    .page3 .page3-block .page3-img-wrapper {
      width: 20%;
    }

    .page3 .page3-block .page3-img-wrapper img {
      width: 100%;
    }

    .page3 .page3-block .page3-text-wrapper {
      width: 80%;
      max-width: initial;
      margin: 0;
      padding-left: 16px;
    }
  }

  .algolia-autocomplete .ds-dropdown-menu {
    border: none;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  }

  .algolia-autocomplete .ds-dropdown-menu [class^="ds-dataset-"] {
    background: #141414;
    border: none;
  }

  .algolia-autocomplete
    .ds-dropdown-menu
    [class^="ds-dataset-"]
    .algolia-docsearch-suggestion {
    background: #141414;
  }

  .algolia-autocomplete .ds-dropdown-menu::before {
    display: none;
  }

  .algolia-autocomplete .algolia-docsearch-suggestion--title {
    color: rgba(255, 255, 255, 0.85);
  }

  .algolia-autocomplete .algolia-docsearch-suggestion--highlight {
    padding: 0;
    color: #177ddc;
  }

  #nprogress .bar {
    background: #177ddc;
  }

  #nprogress .peg {
    box-shadow: 0 0 10px #177ddc, 0 0 5px #177ddc;
  }

  #nprogress .spinner-icon {
    border-top-color: #177ddc;
    border-left-color: #177ddc;
  }

  .contributors-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 120px !important;
  }

  .contributors-list a,
  .contributors-list .ant-avatar + .ant-avatar {
    margin-right: 8px;
    margin-bottom: 8px;
  }

  [data-theme="dark"] {
  }

  [data-theme="dark"] input:-webkit-autofill,
  [data-theme="dark"] input:-webkit-autofill:hover,
  [data-theme="dark"] input:-webkit-autofill:focus,
  [data-theme="dark"] textarea:-webkit-autofill,
  [data-theme="dark"] textarea:-webkit-autofill:hover,
  [data-theme="dark"] textarea:-webkit-autofill:focus,
  [data-theme="dark"] select:-webkit-autofill,
  [data-theme="dark"] select:-webkit-autofill:hover,
  [data-theme="dark"] select:-webkit-autofill:focus {
    border: 1px solid #434343;
    box-shadow: none;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.85);
  }

  [data-theme="dark"] #header {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.65);
  }

  [data-theme="dark"] #search-box input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.3);
  }

  [data-theme="dark"] #search-box input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
  }

  [data-theme="dark"] #search-box input::placeholder {
    color: rgba(255, 255, 255, 0.3);
  }

  [data-theme="dark"] .toc-affix .ant-affix {
    background: #141414;
  }

  [data-theme="dark"] :not(pre) > code[class*="language-"],
  [data-theme="dark"] pre[class*="language-"] {
    color: rgba(255, 255, 255, 0.65);
    background: #262626;
  }

  [data-theme="dark"] .code-box {
    border: 1px solid #303030;
  }

  [data-theme="dark"] .code-box .markdown pre {
    margin: 0.5em 0;
    padding: 6px 12px;
  }

  [data-theme="dark"] .code-box .markdown pre code {
    margin: 0;
    background: #262626;
  }

  [data-theme="dark"] .code-box-debug {
    border-color: #301c4d;
  }

  [data-theme="dark"] .code-box-expand-trigger {
    position: relative;
    margin-left: 12px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    opacity: 0.45;
    transition: all 0.3s;
  }

  [data-theme="dark"] .code-box-expand-trigger:hover {
    opacity: 0.65;
  }

  [data-theme="dark"] .code-box-demo {
    border-bottom: 1px solid #303030;
  }

  [data-theme="dark"]
    .code-box-actions
    > [data-theme="dark"]
    .code-box-code-action {
    color: rgba(255, 255, 255, 0.45);
  }

  [data-theme="dark"]
    .code-box-actions
    > [data-theme="dark"]
    .code-box-code-action:hover {
    color: rgba(255, 255, 255, 0.85);
  }

  [data-theme="dark"] ul.anticons-list li {
    color: #acacac;
  }

  [data-theme="dark"] ul.anticons-list li.TwoTone:hover {
    background-color: #15395b;
  }

  [data-theme="dark"] ul.anticons-list li:hover .anticon {
    color: #fff;
  }

  [data-theme="dark"] a[disabled] {
    color: rgba(255, 255, 255, 0.25);
  }

  [data-theme="dark"] h1,
  [data-theme="dark"] h2,
  [data-theme="dark"] h3,
  [data-theme="dark"] h4,
  [data-theme="dark"] h5,
  [data-theme="dark"] h6 {
    color: rgba(255, 255, 255, 0.85);
  }

  [data-theme="dark"] .markdown code,
  [data-theme="dark"] .markdown pre,
  [data-theme="dark"] .markdown pre code {
    background: #262626;
  }

  [data-theme="dark"] .markdown.api-container table tbody tr:hover {
    background: #262626;
  }

  [data-theme="dark"] .markdown code {
    background: rgba(255, 255, 255, 0.08);
  }

  [data-theme="dark"] .prev-next-nav > a.prev-page .footer-nav-icon-before {
    color: rgba(255, 255, 255, 0.45);
  }

  [data-theme="dark"]
    .prev-next-nav
    > a.prev-page:hover
    .footer-nav-icon-before {
    color: #177ddc;
  }

  [data-theme="dark"] .prev-next-nav > .next-page .footer-nav-icon-after {
    color: rgba(255, 255, 255, 0.45);
  }

  [data-theme="dark"] .prev-next-nav > .next-page:hover .footer-nav-icon-after {
    color: #177ddc;
  }

  [data-theme="dark"] .grid-demo .demo-row,
  [data-theme="dark"] [id^="components-grid-demo-"] .demo-row,
  [data-theme="dark"] .grid-demo .code-box-demo .demo-row,
  [data-theme="dark"] [id^="components-grid-demo-"] .code-box-demo .demo-row {
    background-image: linear-gradient(
      90deg,
      #1d1d1d 4.16666667%,
      transparent 4.16666667%,
      transparent 8.33333333%,
      #1d1d1d 8.33333333%,
      #1d1d1d 12.5%,
      transparent 12.5%,
      transparent 16.66666667%,
      #1d1d1d 16.66666667%,
      #1d1d1d 20.83333333%,
      transparent 20.83333333%,
      transparent 25%,
      #1d1d1d 25%,
      #1d1d1d 29.16666667%,
      transparent 29.16666667%,
      transparent 33.33333333%,
      #1d1d1d 33.33333333%,
      #1d1d1d 37.5%,
      transparent 37.5%,
      transparent 41.66666667%,
      #1d1d1d 41.66666667%,
      #1d1d1d 45.83333333%,
      transparent 45.83333333%,
      transparent 50%,
      #1d1d1d 50%,
      #1d1d1d 54.16666667%,
      transparent 54.16666667%,
      transparent 58.33333333%,
      #1d1d1d 58.33333333%,
      #1d1d1d 62.5%,
      transparent 62.5%,
      transparent 66.66666667%,
      #1d1d1d 66.66666667%,
      #1d1d1d 70.83333333%,
      transparent 70.83333333%,
      transparent 75%,
      #1d1d1d 75%,
      #1d1d1d 79.16666667%,
      transparent 79.16666667%,
      transparent 83.33333333%,
      #1d1d1d 83.33333333%,
      #1d1d1d 87.5%,
      transparent 87.5%,
      transparent 91.66666667%,
      #1d1d1d 91.66666667%,
      #1d1d1d 95.83333333%,
      transparent 95.83333333%
    );
  }

  [data-theme="dark"] .grid-demo .code-box-demo .ant-row > div:not(.gutter-row),
  [data-theme="dark"]
    [id^="components-grid-demo-"]
    .code-box-demo
    .ant-row
    > div:not(.gutter-row) {
    padding: 16px 0;
    background: #028ac8;
  }

  [data-theme="dark"]
    .grid-demo
    .code-box-demo
    .ant-row
    > div:not(.gutter-row):nth-child(2n + 1),
  [data-theme="dark"]
    [id^="components-grid-demo-"]
    .code-box-demo
    .ant-row
    > div:not(.gutter-row):nth-child(2n + 1) {
    background: rgba(0, 136, 198, 0.7);
  }

  [data-theme="dark"] .grid-demo .ant-row .demo-col,
  [data-theme="dark"] [id^="components-grid-demo-"] .ant-row .demo-col,
  [data-theme="dark"] .grid-demo .code-box-demo .ant-row .demo-col,
  [data-theme="dark"]
    [id^="components-grid-demo-"]
    .code-box-demo
    .ant-row
    .demo-col {
    margin-top: 0;
    margin-bottom: 0;
    padding: 30px 0;
    color: #000;
    font-size: 18px;
    text-align: center;
    border: none;
  }

  [data-theme="dark"] .grid-demo .ant-row .demo-col-1,
  [data-theme="dark"] [id^="components-grid-demo-"] .ant-row .demo-col-1 {
    background: rgba(0, 136, 198, 0.7);
  }

  [data-theme="dark"] .grid-demo .ant-row .demo-col-3,
  [data-theme="dark"] [id^="components-grid-demo-"] .ant-row .demo-col-3,
  [data-theme="dark"] .grid-demo .code-box-demo .ant-row .demo-col-3,
  [data-theme="dark"]
    [id^="components-grid-demo-"]
    .code-box-demo
    .ant-row
    .demo-col-3 {
    color: rgba(255, 255, 255, 0.45);
    background: unset;
  }

  [data-theme="dark"] .grid-demo .ant-row .demo-col-5,
  [data-theme="dark"] [id^="components-grid-demo-"] .ant-row .demo-col-5,
  [data-theme="dark"] .grid-demo .code-box-demo .ant-row .demo-col-5,
  [data-theme="dark"]
    [id^="components-grid-demo-"]
    .code-box-demo
    .ant-row
    .demo-col-5 {
    color: rgba(255, 255, 255, 0.45);
    background: unset;
  }

  [data-theme="dark"] .markdown > table th {
    color: rgba(255, 255, 255, 0.65);
    background: #1d1d1d;
  }

  [data-theme="dark"] .copied-code {
    background: rgba(255, 255, 255, 0.08);
  }

  [data-theme="dark"] .browser-mockup.with-url::after {
    background-color: #141414;
  }

  [data-theme="dark"] .browser-mockup {
    border-top: 2em solid #262626;
  }

  [data-theme="dark"] .browser-mockup::before {
    background-color: #fb4742;
    box-shadow: 0 0 0 2px #fb4742, 1.5em 0 0 2px #99bc2e, 3em 0 0 2px #ffba5a;
  }

  [data-theme="dark"] .browser-mockup.with-tab::after {
    border-bottom: 2em solid #141414;
  }

  [data-theme="dark"]
    .algolia-autocomplete
    .ds-dropdown-menu
    [class^="ds-dataset-"] {
    background: #1f1f1f;
  }

  [data-theme="dark"]
    .algolia-autocomplete
    .ds-dropdown-menu
    [class^="ds-dataset-"]
    .algolia-docsearch-suggestion {
    background: #1f1f1f;
  }

  [data-theme="dark"]
    .algolia-autocomplete
    .ds-dropdown-menu
    .ds-suggestion.ds-cursor
    .algolia-docsearch-suggestion:not(.suggestion-layout-simple)
    .algolia-docsearch-suggestion--content {
    background-color: rgba(255, 255, 255, 0.08);
  }

  [data-theme="dark"]
    .algolia-autocomplete
    .algolia-docsearch-suggestion--category-header {
    color: rgba(255, 255, 255, 0.65);
    border-bottom: 1px solid #303030;
  }

  [data-theme="dark"]
    .algolia-autocomplete
    .algolia-docsearch-suggestion--subcategory-column::before {
    background: #303030;
  }

  [data-theme="dark"]
    .algolia-autocomplete
    .algolia-docsearch-suggestion--content::before {
    background: #303030;
  }

  [data-theme="dark"] .token.comment,
  [data-theme="dark"] .token.quote {
    color: #b6b18b;
  }

  [data-theme="dark"] .token.property,
  [data-theme="dark"] .token.variable,
  [data-theme="dark"] .token.template-variable,
  [data-theme="dark"] .token.tag,
  [data-theme="dark"] .token.number,
  [data-theme="dark"] .token.name,
  [data-theme="dark"] .token.selector-id,
  [data-theme="dark"] .token.selector-class,
  [data-theme="dark"] .token.regexp,
  [data-theme="dark"] .token.deletion {
    color: #eb3c54;
  }

  [data-theme="dark"] .token.built_in,
  [data-theme="dark"] .token.builtin-name,
  [data-theme="dark"] .token.literal,
  [data-theme="dark"] .token.type,
  [data-theme="dark"] .token.params,
  [data-theme="dark"] .token.meta,
  [data-theme="dark"] .token.link {
    color: #e7ce56;
  }

  [data-theme="dark"] .token.attribute {
    color: #ee7c2b;
  }

  [data-theme="dark"] .token.string,
  [data-theme="dark"] .token.symbol,
  [data-theme="dark"] .token.bullet,
  [data-theme="dark"] .token.addition {
    color: #177ddc;
  }

  [data-theme="dark"] .token.title,
  [data-theme="dark"] .token.section {
    color: #78bb65;
  }

  [data-theme="dark"] .token.function,
  [data-theme="dark"] .token.keyword,
  [data-theme="dark"] .token.selector-tag {
    color: #b45ea4;
  }

  [data-theme="dark"] .hljs {
    display: block;
    padding: 0.5em;
    overflow-x: auto;
    color: #c0c5ce;
    background: #1c1d21;
  }

  [data-theme="dark"] .token.emphasis {
    font-style: italic;
  }

  [data-theme="dark"] .token.strong {
    font-weight: 700;
  }

  [data-theme="dark"] .components-overview-img {
    background-color: rgba(255, 255, 255, 0.1);
  }

  [data-theme="dark"] .components-overview-search input {
    color: rgba(255, 255, 255, 0.65);
  }

  [data-theme="dark"] #antd_algolia_search_modal {
    --docsearch-key-gradient: rgba(255, 255, 255, 0.04);
    --docsearch-logo-color: #fff;
  }

  [data-theme="dark"] #antd_algolia_search_modal .DocSearch {
    --docsearch-primary-color: #177ddc;
    --docsearch-text-color: rgba(255, 255, 255, 0.85);
    --docsearch-muted-color: rgba(255, 255, 255, 0.45);
    --docsearch-container-background: rgba(0, 0, 0, 0.45);
    --docsearch-searchbox-shadow: inset 0 0 0 2px #177ddc;
    --docsearch-modal-background: #1f1f1f;
    --docsearch-searchbox-background: transparent;
    --docsearch-searchbox-focus-background: transparent;
    --docsearch-footer-background: #1f1f1f;
    --docsearch-hit-background: #1f1f1f;
    --docsearch-hit-color: #177ddc;
    --docsearch-hit-active-color: #fff;
    --docsearch-highlight-color: #177ddc;
  }

  [data-theme="dark"] #antd_algolia_search_modal .DocSearch .DocSearch-Footer {
    border-top: 1px solid #303030;
  }

  [data-theme="dark"] #antd_algolia_search_modal .DocSearch-Modal,
  [data-theme="dark"] #antd_algolia_search_modal .DocSearch-Commands-Key {
    box-shadow: none;
  }

  [data-theme="dark"] #antd_algolia_search_modal .DocSearch-Hit a {
    box-shadow: none;
  }

  [data-direction="rtl"] #_hj_feedback_container > div {
    right: auto;
    left: 32px;
  }

  [data-direction="rtl"] .fixed-widgets {
    right: auto;
    left: 32px;
  }

  #resources-page article {
    padding: 0 40px;
  }

  #resources-page article .title-region {
    margin: 0 -40px;
    padding: 0 40px;
    overflow: hidden;
    background: url(https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*y_r7RogIG1wAAAAAAAAAAABkARQnAQ);
    background-size: cover;
  }

  #resources-page article .title-region h1 {
    max-width: 1208px;
    margin: 56px auto 16px;
    font-size: 38px;
    line-height: 46px;
  }

  #resources-page article .title-region .markdown {
    max-width: 1208px;
    margin: 0 auto 56px;
    font-weight: 200;
    font-size: 16px;
    line-height: 24px;
  }

  #resources-page article > .markdown {
    max-width: 1208px;
    margin: 0 auto;
  }

  #resources-page article > .markdown > p {
    margin-bottom: 56px;
  }

  #resources-page article h2 {
    margin-top: 124px;
    color: #314659;
    font-weight: lighter;
    font-size: 30px;
    line-height: 38px;
  }

  #resources-page article h2:first-child {
    margin-top: 88px;
  }

  #resources-page article h3 {
    margin-top: 56px;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
  }

  #resources-page article p {
    color: #697b8c;
  }

  #resources-page .resource-cards .resource-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    color: inherit;
    list-style: none;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    cursor: pointer;
    transition: box-shadow 0.3s;
  }

  #resources-page .resource-cards .resource-card:hover {
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  }

  #resources-page .resource-cards .resource-card .resource-card-image {
    width: calc(100% + 2px);
    max-width: none;
    height: 184px;
    margin: -1px -1px 0;
    -o-object-fit: cover;
    object-fit: cover;
  }

  #resources-page .resource-cards .resource-card .resource-card-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    background: rgba(0, 0, 0, 0.65);
    border-radius: 1px;
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  }

  #resources-page .resource-cards .resource-card .resource-card-title {
    margin: 16px 20px 8px;
    color: #0d1a26;
    font-size: 20px;
    line-height: 28px;
  }

  #resources-page .resource-cards .resource-card .resource-card-description {
    margin: 0 20px 20px;
    color: #697b8c;
    font-size: 14px;
    line-height: 22px;
  }

  #resources-page footer {
    margin-top: 176px;
  }

  #resources-page footer .rc-footer-container {
    max-width: 1208px;
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;
  }

  @media only screen and (max-width: 767.99px) {
    #resources-page article {
      padding: 0 24px;
    }

    #resources-page article .title-region {
      margin: 0 -24px;
      padding: 0 24px;
    }

    #resources-page .ant-col {
      padding-top: 16px !important;
      padding-bottom: 16px !important;
    }
  }

  #resources-page article {
    padding: 0 40px;
  }

  #resources-page article .title-region {
    margin: 0 -40px;
    padding: 0 40px;
    overflow: hidden;
    background: url(https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*y_r7RogIG1wAAAAAAAAAAABkARQnAQ);
    background-size: cover;
  }

  #resources-page article .title-region h1 {
    max-width: 1208px;
    margin: 56px auto 16px;
    font-size: 38px;
    line-height: 46px;
  }

  #resources-page article .title-region .markdown {
    max-width: 1208px;
    margin: 0 auto 56px;
    font-weight: 200;
    font-size: 16px;
    line-height: 24px;
  }

  #resources-page article > .markdown {
    max-width: 1208px;
    margin: 0 auto;
  }

  #resources-page article > .markdown > p {
    margin-bottom: 56px;
  }

  #resources-page article h2 {
    margin-top: 124px;
    color: #314659;
    font-weight: lighter;
    font-size: 30px;
    line-height: 38px;
  }

  #resources-page article h2:first-child {
    margin-top: 88px;
  }

  #resources-page article h3 {
    margin-top: 56px;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
  }

  #resources-page article p {
    color: #697b8c;
  }

  #resources-page .resource-cards .resource-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    color: inherit;
    list-style: none;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    cursor: pointer;
    transition: box-shadow 0.3s;
  }

  #resources-page .resource-cards .resource-card:hover {
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  }

  #resources-page .resource-cards .resource-card .resource-card-image {
    width: calc(100% + 2px);
    max-width: none;
    height: 184px;
    margin: -1px -1px 0;
    -o-object-fit: cover;
    object-fit: cover;
  }

  #resources-page .resource-cards .resource-card .resource-card-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    background: rgba(0, 0, 0, 0.65);
    border-radius: 1px;
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
  }

  #resources-page .resource-cards .resource-card .resource-card-title {
    margin: 16px 20px 8px;
    color: #0d1a26;
    font-size: 20px;
    line-height: 28px;
  }

  #resources-page .resource-cards .resource-card .resource-card-description {
    margin: 0 20px 20px;
    color: #697b8c;
    font-size: 14px;
    line-height: 22px;
  }

  #resources-page footer {
    margin-top: 176px;
  }

  #resources-page footer .rc-footer-container {
    max-width: 1208px;
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;
  }

  @media only screen and (max-width: 767.99px) {
    #resources-page article {
      padding: 0 24px;
    }

    #resources-page article .title-region {
      margin: 0 -24px;
      padding: 0 24px;
    }

    #resources-page .ant-col {
      padding-top: 16px !important;
      padding-bottom: 16px !important;
    }
  }

  .resource-affix-tabs {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 11;
    padding: 0 40px;
    background: #fff;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
    transform: translateY(-100%);
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
  }

  .resource-affix-tabs-fixed {
    transform: translateY(0);
    opacity: 1;
  }

  .resource-affix-tabs .ant-tabs {
    max-width: 1208px;
    margin: 0 auto;
  }

  .resource-affix-tabs .ant-tabs .ant-tabs-nav {
    margin: 0;
  }

  .resource-affix-tabs .ant-tabs .ant-tabs-nav::before {
    border-bottom-color: transparent;
  }

  .resource-affix-tabs .ant-tabs .ant-tabs-nav .ant-tabs-tab {
    padding: 21px 0;
  }

  #articles h4 {
    margin: 40px 0 24px;
    font-weight: 500;
    font-size: 20px;
  }

  #articles .ant-skeleton h3 {
    margin: 0;
  }

  #articles .ant-skeleton ul li {
    display: block;
    margin-left: 0;
  }

  #articles .ant-tabs-nav::before {
    display: none;
  }

  #articles .article-list li {
    margin: 1em 0;
    padding: 0;
    font-size: 14px;
    list-style: none;
  }

  #articles .article-list .ant-avatar > img {
    max-width: unset;
  }

  #articles table {
    width: 100%;
    table-layout: fixed;
  }

  #articles table td {
    width: 50%;
    vertical-align: top;
  }
}
